A pale orange, black text passes AA
What color is peachpuff?
peachpuff is a pale orange: #ffdab9 in hex, rgb(255 218 185). Black text on it reaches 15.98:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | peachpuff |
| Hex | #ffdab9 |
| RGB | rgb(255 218 185) |
| HSL | hsl(28 100% 86%) |
| OKLCH | oklch(91.1% 0.060 63.7) |
| Nearest Tailwind color | orange-200 #ffd6a7, 0.021 away in OKLab |
| White text | 1.31:1: AA fails, AAA fails, large text fails |
| Black text | 15.98:1: AA passes, AAA passes, large text passes |
About peachpuff
In OKLCH terms peachpuff has a lightness of 91.1%, a chroma of 0.060 and a hue of 63.7 degrees, a pale orange to the eye.
HSL and OKLCH agree on how light it is, 86% and 91.1%. Among the CSS keywords, wheat (#f5deb3) comes closest at 0.021 in OKLab, close enough to stand in for it in a sketch.
For text, peachpuff wants black: 15.98:1 clears even AAA's 7:1, and white at 1.31:1 fails AA. In the hue-sorted table of named colors it sits between navajowhite and wheat.
In Tailwind CSS 4.3.3 the nearest default color is orange-200 (#ffd6a7), 0.021 away in OKLab; for the exact color, an arbitrary value such as bg-[#ffdab9] works.
Tints and shades
- #fff9f3
- #fff3e8
- #ffeddc
- #ffe6d0
- #ffe0c5
- #ffdab9
- #c8ab90
- #947e6a
- #635446
- #362d24
- #0f0b07
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
- #ffdab9
- #634a34
- #e1af87
- #1f1235
- #00a196
Locked as the first of five swatches, peachpuff gets #634a34, #e1af87, #1f1235, #00a196 from Recolor's generator, a triadic palette, three hues a third of the wheel apart. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using peachpuff
As a text color, peachpuff on a black page gives the same 15.98:1.
.notice {
background-color: peachpuff; /* #ffdab9 */
color: black; /* 15.98:1 */
}Common questions
Does white text pass WCAG AA on peachpuff?
No. White text measures 1.31:1 on peachpuff, under AA's 4.5:1; black text measures 15.98:1 and passes.
Can peachpuff be written in OKLCH?
Yes: oklch(91.1% 0.060 63.7), computed from #ffdab9. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to peachpuff?
Yes: wheat (#f5deb3) is the nearest, 0.021 away in OKLab, then navajowhite at 0.021.