PapayaWhip Color — HEX, RGB, HSL, Palettes & Contrast

PapayaWhip (#ffefd5): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#ffefd5
HEX #ffefd5
RGB rgb(255, 239, 213)
HSL 37°, 100%, 92%

Use PapayaWhip in Your Projects

About PapayaWhip Color

PapayaWhip is a soft, warm peachy-orange that evokes tropical fruit. It creates a friendly, inviting atmosphere for food and travel brands.

Use Cases for PapayaWhip

food brandstropical themestravel siteswarm backgroundssummer design

Shades & Tints of PapayaWhip

#ffffff
#fffbf5
#fff7ea
#fff3e0
#ffefd5
#bfb3a0
#80786b
#403c35
#000000

Complementary Color

#ffefd5
#d6e6ff

Analogous Colors

#ffdbd6
#ffefd5
#faffd6

Triadic Colors

#ffefd5
#d6ffef
#efd6ff

Split Complementary

#ffefd5
#d6faff
#dbd6ff

Tetradic Colors

#ffefd5
#e6ffd6
#d6e6ff
#efd6ff

CSS Code

.papayawhip-color {
  color: #ffefd5;
  background-color: #ffefd5;
}

/* As a CSS custom property */
:root {
  --color-papayawhip: #ffefd5;
}

Accessibility Score

75 / 100
Rating: Good
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on PapayaWhip
Ratio: 18.56:1 ✓ Passes AA ✓ Passes AAA
White text on PapayaWhip
Ratio: 1.13:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is PapayaWhip?

PapayaWhip is represented by the hex code #ffefd5 and has RGB values of rgb(255, 239, 213). It falls under the Orange category.

How to use PapayaWhip in web design?

PapayaWhip works well for food brands, tropical themes, travel sites. PapayaWhip is a soft, warm peachy-orange that evokes tropical fruit. It creates a friendly, inviting atmosphere for food and travel brands. Use it as a primary color, accent, or background depending on your design needs.

What colors go with PapayaWhip?

Colors that pair well with PapayaWhip include peachpuff, bisque, blanchedalmond, moccasin, navajowhite. For a complementary scheme, try #d6e6ff. For an analogous scheme, use #ffdbd6 and #faffd6. For a triadic scheme, combine with #d6ffef and #efd6ff.