A pale orange, black text passes AA
What color is papayawhip?
papayawhip is a pale orange: #ffefd5 in hex, rgb(255 239 213). Black text on it reaches 18.56:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | papayawhip |
| Hex | #ffefd5 |
| RGB | rgb(255 239 213) |
| HSL | hsl(37 100% 92%) |
| OKLCH | oklch(95.8% 0.038 80.0) |
| Nearest Tailwind color | orange-100 #ffedd4, 0.005 away in OKLab |
| White text | 1.13:1: AA fails, AAA fails, large text fails |
| Black text | 18.56:1: AA passes, AAA passes, large text passes |
About papayawhip
In OKLCH terms papayawhip has a lightness of 95.8%, a chroma of 0.038 and a hue of 80.0 degrees, a pale orange to the eye.
HSL and OKLCH agree on how light it is, 92% and 95.8%. Its nearest CSS named color, blanchedalmond (#ffebcd), is 0.012 away in OKLab, too close to tell apart by eye.
For text, papayawhip wants black: 18.56:1 clears even AAA's 7:1, and white at 1.13:1 fails AA. In the hue-sorted table of named colors it sits between orangered and blanchedalmond.
In Tailwind CSS 4.3.3 the nearest default color is orange-100 (#ffedd4), 0.005 away in OKLab; for the exact color, an arbitrary value such as bg-[#ffefd5] works.
Tints and shades
- #fffcf8
- #fffaf1
- #fff7ea
- #fff4e3
- #fff2dc
- #ffefd5
- #c8bba7
- #948a7b
- #635c51
- #36322b
- #0f0d0a
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #ffefd5
- #b26c57
- #3b2310
- #edbf78
- #6e5d35
Locked as the first of five swatches, papayawhip gets #b26c57, #3b2310, #edbf78, #6e5d35 from Recolor's generator, an analogous palette, hues next to each other on the wheel. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using papayawhip
As a text color, papayawhip on a black page gives the same 18.56:1.
.notice {
background-color: papayawhip; /* #ffefd5 */
color: black; /* 18.56:1 */
}Common questions
Does white text pass WCAG AA on papayawhip?
No. White text measures 1.13:1 on papayawhip, under AA's 4.5:1; black text measures 18.56:1 and passes.
Can papayawhip be written in OKLCH?
Yes: oklch(95.8% 0.038 80.0), computed from #ffefd5. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to papayawhip?
Yes: blanchedalmond (#ffebcd) is the nearest, 0.012 away in OKLab, then antiquewhite at 0.014.