A yellowish white, black text passes AA
What color is ivory?
The CSS named color ivory is #fffff0, or rgb(255 255 240): a yellowish white in plain words. Black text on it reaches 20.81:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | ivory |
| Hex | #fffff0 |
| RGB | rgb(255 255 240) |
| HSL | hsl(60 100% 97%) |
| OKLCH | oklch(99.6% 0.020 106.8) |
| Nearest Tailwind color | amber-50 #fffbeb, 0.010 away in OKLab |
| White text | 1.01:1: AA fails, AAA fails, large text fails |
| Black text | 20.81:1: AA passes, AAA passes, large text passes |
About ivory
In OKLCH terms ivory has a lightness of 99.6%, a chroma of 0.020 and a hue of 106.8 degrees, a yellowish white to the eye.
Here HSL's lightness, 97%, lands near OKLCH's 99.6%, which is not true of every color. The CSS keyword floralwhite (#fffaf0) is almost the same color: 0.013 apart in OKLab, under the step most people notice.
For text, ivory wants black: 20.81:1 clears even AAA's 7:1, and white at 1.01:1 fails AA. Its neighbors in the hue-sorted list of names are white and mintcream.
The closest Tailwind 4.3.3 color is amber-50, 0.010 away in OKLab, so bg-amber-50 comes very close; bg-[#fffff0] gives the color itself.
Tints and shades
- #fffeff
- #fffff0
- #d1c3c7
- #9b9093
- #686062
- #393536
- #100e0e
From light to dark: 1 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
- #fffff0
- #6e484a
- #f1b7b0
- #382118
- #aa6d4d
Locked as the first of five swatches, ivory gets #6e484a, #f1b7b0, #382118, #aa6d4d 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 ivory
As a text color, ivory on a black page gives the same 20.81:1.
.notice {
background-color: ivory; /* #fffff0 */
color: black; /* 20.81:1 */
}Common questions
Does white text pass WCAG AA on ivory?
No. White text measures 1.01:1 on ivory, under AA's 4.5:1; black text measures 20.81:1 and passes.
Can ivory be written in OKLCH?
Yes: oklch(99.6% 0.020 106.8), computed from #fffff0. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to ivory?
Yes: floralwhite (#fffaf0) is the nearest, 0.013 away in OKLab, then mintcream at 0.017.