Papaya Whip Color (#FFEFD5)

#FFEFD5rgb(255, 239, 213)

Papaya Whip is a CSS named color defined as hex code #FFEFD5. Papaya Whip is a very pale, warm cream with an orange-yellow tint. It is close to white but visibly warmer.

Color Overview & Formats

CSS: papayawhipLuminance: 0.8780
HEX
#FFEFD5
RGB
rgb(255, 239, 213)
HSL
hsl(37, 100%, 92%)
Papaya Whip (#FFEFD5) Color Format Conversions
FormatSyntax / ValuesNotesAction
HEX#FFEFD56-digit hex web code
RGBrgb(255, 239, 213)Red, Green, Blue channels (0-255)
HSLhsl(37, 100%, 92%)Hue (37°), Saturation (100%), Lightness (92%)
HSV / HSBhsv(37, 16%, 100%)Hue, Saturation (16%), Value/Brightness (100%)
CMYKcmyk(0%, 6%, 16%, 0%)Digital mathematical approximation (non-print)
OKLCHoklch(0.958 0.038 80.0)Perceptually uniform color space (CSS Color 4 approximation)
CSS Implementation & Quick Steps
background-color: #FFEFD5; /* or papayawhip */
  1. Select color format: Choose the desired format (HEX #FFEFD5, RGB, or HSL).
  2. Copy the code: Click the copy button or press Tab+Enter to store in clipboard.
  3. Pair with black text: Black text on Papaya Whip reaches 18.56:1 (WCAG AAA).

What Colors Go With Papaya Whip?

These 6 colors all go well with Papaya Whip (#FFEFD5), and each one is a standard CSS named color. The ratio is the WCAG 2.2 contrast of that color on Papaya Whip: at 4.5:1 or above it works for text; below that, use it for backgrounds and accents.

Brown

#A52A2A
6.26:1Text-safe

A warm, earthy partner for headings and text.

6.27:1Text-safe

A rich brown for cozy, natural palettes.

Maroon

#800000
9.68:1Text-safe

A deep red for strong, warm text and accents.

7.89:1Text-safe

A dark neutral for body text.

Navy

#000080
14.15:1Text-safe

A deep blue for strong, readable text.

Teal

#008080
4.22:1Background / accent

A cool blue-green accent for links and highlights.

Harmonious Palettes & Tints

The palettes below are algorithmically generated across standard intervals based on Papaya Whip (HSL 37°). Each group offers full palette copy and live preview:

Complementary Harmony

Hue rotated 180 degrees on the HSL wheel (37° to 217°), keeping the original saturation and lightness.

Papaya Whip
#FFEFD5
Complement (217°)
#D5E5FF
Live UI Component Mockup
Component Header SampleBlack text on Papaya Whip: 18.56:1 (WCAG AAA).
Button style preview

Analogous Harmony

Hues 30 degrees either side (7° and 67°), keeping the original saturation and lightness.

Analogous (7°)
#FFDAD5
Papaya Whip
#FFEFD5
Analogous (67°)
#FAFFD5
Live UI Component Mockup
Component Header SampleBlack text on Papaya Whip: 18.56:1 (WCAG AAA).
Button style preview

Triadic Harmony

Hues spaced evenly by 120 degrees (157° and 277°), keeping the original saturation and lightness.

Papaya Whip
#FFEFD5
Triadic (157°)
#D5FFEF
Triadic (277°)
#EFD5FF
Live UI Component Mockup
Component Header SampleBlack text on Papaya Whip: 18.56:1 (WCAG AAA).
Button style preview

Tints & Shades

Mixed with white (tints) and black (shades) in sRGB at 60% and 30%.

Tint 60%
#FFF9EE
Tint 30%
#FFF4E2
Papaya Whip
#FFEFD5
Shade 30%
#B3A795
Shade 60%
#666055
Live UI Component Mockup
Component Header SampleBlack text on Papaya Whip: 18.56:1 (WCAG AAA).
Button style preview

WCAG 2.2 Text Readability & Contrast Check

Under WCAG 2.2 criteria, regular body text requires at least 4.5:1 (AA) and large text requires at least 3.0:1. The table below displays calculated contrast ratios:

Text Contrast Ratios on Papaya Whip (#FFEFD5)
Foreground ColorContrast RatioNormal Text (AA)Large Text (AA)Normal Text AAA (>= 7.0:1)
Pure Black (#000000)
18.56:1PassPassPass
Pure White (#FFFFFF)
1.13:1FailFailFail
Dark Charcoal (#212529)
13.63:1PassPassPass
Mid Gray (#666666)
5.07:1PassPassFail

Interactive Contrast Tester

Enter text foreground and background colors to verify WCAG legibility:

Calculated Ratio:
18.56:1
Normal: Pass AAALarge: Pass AAA
Large Heading Sample (18pt Bold)

This is sample body text rendered directly to verify contrast and readability.

Papaya Whip Background Download

Download standard 1920x1080 solid desktop wallpaper or generate mobile wallpaper:

Papaya Whip 1920x1080 solid color background wallpaper previewStandard Wallpaper: 1920x1080 PNG (#FFEFD5)

Download Options

All wallpaper files precisely match the W3C standard color value:

Download 1920x1080 PNG

CSS Standard & Usage Notes

papayawhip = #ffefd5 (rgb(255, 239, 213))
W3C CSS Color 4

UI Design & Accessibility Guidelines

Use it for page backgrounds, cards, alternating table rows and warm, gentle layouts. On Papaya Whip, black text passes WCAG AAA at every size (18.56:1); white text fails even for large text (1.13:1).

Published: · Modified: · Editorial: SwatchAtlas Editorial Team

Frequently Asked Questions (FAQ)

Can I use black text on Papaya Whip?

Yes. Black text on Papaya Whip has a WCAG 2.2 contrast ratio of 18.56:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

Can I use white text on Papaya Whip?

No. White text on Papaya Whip has a WCAG 2.2 contrast ratio of only 1.13:1, below the 3:1 minimum even for large text.

What colors go with Papaya Whip?

Brown, Saddle Brown, Maroon, Dark Slate Gray, Navy and Teal all go well with Papaya Whip. Brown (6.26:1), Saddle Brown (6.27:1), Maroon (9.68:1), Dark Slate Gray (7.89:1) and Navy (14.15:1) have enough contrast for text on Papaya Whip; Teal works better as a background or accent.

Is papaya whip orange or cream?

It is a cream. Papaya Whip (#FFEFD5) has an orange-yellow hue of 37°, but its lightness of 92% makes it read as warm off-white rather than orange.