A warm white, black text passes AA
What color is linen?
The CSS named color linen is #faf0e6, or rgb(250 240 230): a warm white in plain words. Black text on it reaches 18.67:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | linen |
| Hex | #faf0e6 |
| RGB | rgb(250 240 230) |
| HSL | hsl(30 67% 94%) |
| OKLCH | oklch(96.0% 0.017 67.6) |
| Nearest Tailwind color | olive-100 #f4f4f0, 0.015 away in OKLab |
| White text | 1.12:1: AA fails, AAA fails, large text fails |
| Black text | 18.67:1: AA passes, AAA passes, large text passes |
About linen
In OKLCH terms linen has a lightness of 96.0%, a chroma of 0.017 and a hue of 67.6 degrees, a warm white to the eye.
Here HSL's lightness, 94%, lands near OKLCH's 96.0%, which is not true of every color. The CSS keyword oldlace (#fdf5e6) is almost the same color: 0.014 apart in OKLab, under the step most people notice.
For text, linen wants black: 18.67:1 clears even AAA's 7:1, and white at 1.12:1 fails AA. Its neighbors in the hue-sorted list of names are lavenderblush and gainsboro.
The closest Tailwind 4.3.3 color is olive-100, 0.015 away in OKLab, so bg-olive-100 comes very close; bg-[#faf0e6] gives the color itself.
Tints and shades
- #fffcfd
- #fef9fa
- #fef6f8
- #fdf3f6
- #fdf0f4
- #faf0e6
- #c6babd
- #93898c
- #625c5d
- #353233
- #0e0d0d
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
- #faf0e6
- #703d00
- #7ac4f7
- #0e1f2c
- #aa7b4a
Locked as the first of five swatches, linen gets #703d00, #7ac4f7, #0e1f2c, #aa7b4a from Recolor's generator, a complementary palette, built on the hue opposite. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using linen
As a text color, linen on a black page gives the same 18.67:1.
.notice {
background-color: linen; /* #faf0e6 */
color: black; /* 18.67:1 */
}Common questions
Does white text pass WCAG AA on linen?
No. White text measures 1.12:1 on linen, under AA's 4.5:1; black text measures 18.67:1 and passes.
Can linen be written in OKLCH?
Yes: oklch(96.0% 0.017 67.6), computed from #faf0e6. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to linen?
Yes: oldlace (#fdf5e6) is the nearest, 0.014 away in OKLab, then seashell at 0.016.