CSS named color
PapayaWhip
#FFEFD5
HEX
#ffefd5RGB
rgb(255, 239, 213)HSL
hsl(37, 100%, 92%)OKLCH
oklch(95.81% 0.0383 80.03)NAME
papayawhipPalette
Complementary
180° on the color wheelComplement
#D6E6FF
Analogous
±30° around the base hueLeft
#FFDBD6
Right
#FAFFD6
Triadic
±120° for harmonic contrastTriad 1
#D6FFEF
Triad 2
#EFD6FF
Shades
Lighter and darker variantsCSS usage
By name
color: papayawhip;
background-color: papayawhip;By HEX
color: #ffefd5;
background-color: #ffefd5;By RGB
color: rgb(255, 239, 213);
background-color: rgb(255, 239, 213);By HSL
color: hsl(37, 100%, 92%);
background-color: hsl(37, 100%, 92%);WCAG contrast vs white
Aa
1.13:1
Below minimum
WCAG contrast vs black
Aa
18.56:1
AAA
Related colors
FAQ — PapayaWhip
What is the HEX code for PapayaWhip?
The HEX code for PapayaWhip is #FFEFD5. It's one of the 148 named CSS colors and can be used directly in CSS as color: papayawhip; or color: #ffefd5;
What is PapayaWhip in RGB?
PapayaWhip in RGB is rgb(255, 239, 213) — red 255, green 239, blue 213.
What is PapayaWhip in HSL?
PapayaWhip in HSL is hsl(37, 100%, 92%) — hue 37°, saturation 100%, lightness 92%.
What is the complementary color of PapayaWhip?
The complementary color (directly opposite PapayaWhip on the color wheel) is #D6E6FF. The two together produce maximum contrast.
Is white text readable on PapayaWhip?
The WCAG contrast ratio against white (#FFFFFF) is 1.13:1, and against black (#000000) it's 18.56:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.