Papaya Whip color codes
| CSS name | papayawhip |
|---|---|
| HEX | #FFEFD5 |
| RGB | rgb(255, 239, 213) |
| HSL | hsl(37, 100%, 92%) |
| CMYK | cmyk(0%, 6%, 16%, 0%) |
| Decimal | 16773077 |
Shades of Papaya Whip (darker)
#E6D7C0 · #CCBFAA · #B3A795 · #998F80 · #80786B · #666055 · #4D4840 · #33302B · #1A1815
Tints of Papaya Whip (lighter)
#FFF1D9 · #FFF2DD · #FFF4E2 · #FFF5E6 · #FFF7EA · #FFF9EE · #FFFAF2 · #FFFCF7 · #FFFDFB
Color harmonies
| Complementary | #D6E6FF |
|---|---|
| Triadic | #D6FFEF, #EFD6FF |
| Analogous | #FFDBD6, #FAFFD6 |
Accessibility (WCAG contrast)
| White text on Papaya Whip | 1.13:1 · Fail |
|---|---|
| Black text on Papaya Whip | 18.56:1 · AAA |
Use Papaya Whip in code
.element {
color: papayawhip; /* or #ffefd5 */
background-color: rgb(255 239 213 / 0.5);
}Frequently asked questions
What is the hex code for Papaya Whip?
Papaya Whip is #FFEFD5 in HEX, rgb(255, 239, 213) in RGB and hsl(37, 100%, 92%) in HSL.
Can I use "papayawhip" directly in CSS?
Yes. "papayawhip" is one of the 148 standard CSS named colors, so color: papayawhip; works in every browser.
Is Papaya Whip readable on white?
The contrast ratio of Papaya Whip on white is 1.13:1 (WCAG Fail). On black it is 18.56:1 (AAA).
What is the complementary color of Papaya Whip?
The complementary color (opposite on the color wheel) is #D6E6FF.
Similar colors
Antique White#FAEBD7Blanched Almond#FFEBCDCorn Silk#FFF8DCLight Goldenrod Yellow#FAFAD2Beige#F5F5DCLemon Chiffon#FFFACDMisty Rose#FFE4E1Linen#FAF0E6
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.