A pale orange, black text passes AA
What color is moccasin?
moccasin is a pale orange: #ffe4b5 in hex, rgb(255 228 181). Black text on it reaches 17.02:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | moccasin |
| Hex | #ffe4b5 |
| RGB | rgb(255 228 181) |
| HSL | hsl(38 100% 85%) |
| OKLCH | oklch(93.0% 0.068 81.4) |
| Nearest Tailwind color | orange-200 #ffd6a7, 0.034 away in OKLab |
| White text | 1.23:1: AA fails, AAA fails, large text fails |
| Black text | 17.02:1: AA passes, AAA passes, large text passes |
About moccasin
Measured in OKLCH, moccasin comes out at lightness 93.0%, chroma 0.068 and hue 81.4 degrees: a pale orange.
HSL calls its lightness 85%, OKLCH 93.0%: 7 points between a formula and a measure of what the eye sees. Its nearest CSS named color, navajowhite (#ffdead), is 0.015 away in OKLab, too close to tell apart by eye.
Black on moccasin reads at 17.02:1, enough for AAA body text; white reaches 1.23:1 and should stay off it. In the hue-sorted table of named colors it sits between bisque and navajowhite.
In Tailwind CSS 4.3.3 the nearest default color is orange-200 (#ffd6a7), 0.034 away in OKLab; for the exact color, an arbitrary value such as bg-[#ffe4b5] works.
Tints and shades
- #fffbf3
- #fff6e7
- #fff2da
- #ffedce
- #ffe9c2
- #ffe4b5
- #c8b38d
- #948467
- #635844
- #362f23
- #0f0c07
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
- #ffe4b5
- #6e5932
- #e0bf8d
- #2c2518
- #a87800
Around moccasin as swatch 1, Recolor's generator made a monochromatic palette, one hue in five lightnesses: #6e5932, #e0bf8d, #2c2518, #a87800, drawn from a seed fixed by its hex. Open it in Recolor.
Using moccasin
As a text color, moccasin on a black page gives the same 17.02:1.
.notice {
background-color: moccasin; /* #ffe4b5 */
color: black; /* 17.02:1 */
}Common questions
Does white text pass WCAG AA on moccasin?
No. White text measures 1.23:1 on moccasin, under AA's 4.5:1; black text measures 17.02:1 and passes.
Can moccasin be written in OKLCH?
Yes: oklch(93.0% 0.068 81.4), computed from #ffe4b5. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to moccasin?
Yes: navajowhite (#ffdead) is the nearest, 0.015 away in OKLab, then bisque at 0.019.