A pale orange, black text passes AA
What color is navajowhite?
The CSS named color navajowhite is #ffdead, or rgb(255 222 173): a pale orange in plain words. Black text on it reaches 16.30:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | navajowhite |
| Hex | #ffdead |
| RGB | rgb(255 222 173) |
| HSL | hsl(36 100% 84%) |
| OKLCH | oklch(91.6% 0.073 77.4) |
| Nearest Tailwind color | orange-200 #ffd6a7, 0.019 away in OKLab |
| White text | 1.29:1: AA fails, AAA fails, large text fails |
| Black text | 16.30:1: AA passes, AAA passes, large text passes |
About navajowhite
A pale orange is the plain description of navajowhite: OKLCH lightness 91.6%, chroma 0.073, hue 77.4 degrees.
Its lightness is 84% in HSL and 91.6% in OKLCH, 8 points apart; only the second tracks how light it looks. The CSS keyword moccasin (#ffe4b5) is almost the same color: 0.015 apart in OKLab, under the step most people notice.
Black text on navajowhite measures 16.30:1, past the 7:1 of WCAG AAA, while white text manages only 1.29:1. Its neighbors in the hue-sorted list of names are moccasin and peachpuff.
The closest Tailwind 4.3.3 color is orange-200, 0.019 away in OKLab, so bg-orange-200 comes very close; bg-[#ffdead] gives the color itself.
Tints and shades
- #fffaf2
- #fff4e4
- #ffefd7
- #ffe9c9
- #ffe4bb
- #ffdead
- #c8ae87
- #948063
- #635541
- #362e21
- #0f0b06
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
- #ffdead
- #ab6b3b
- #302a1e
- #d5c9a5
- #5c592d
Recolor's generator, with navajowhite locked as swatch 1 and the seed taken from its hex, drew an analogous palette, hues next to each other on the wheel: #ab6b3b, #302a1e, #d5c9a5, #5c592d. Open it in Recolor.
Using navajowhite
As a text color, navajowhite on a black page gives the same 16.30:1.
.notice {
background-color: navajowhite; /* #ffdead */
color: black; /* 16.30:1 */
}Common questions
Does white text pass WCAG AA on navajowhite?
No. White text measures 1.29:1 on navajowhite, under AA's 4.5:1; black text measures 16.30:1 and passes.
Can navajowhite be written in OKLCH?
Yes: oklch(91.6% 0.073 77.4), computed from #ffdead. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to navajowhite?
Yes: moccasin (#ffe4b5) is the nearest, 0.015 away in OKLab, then wheat at 0.015.