A grayish pale yellow, black text passes AA
What color is beige?
beige is a grayish pale yellow: #f5f5dc in hex, rgb(245 245 220). Black text on it reaches 18.98:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | beige |
| Hex | #f5f5dc |
| RGB | rgb(245 245 220) |
| HSL | hsl(60 56% 91%) |
| OKLCH | oklch(96.4% 0.033 107.0) |
| Nearest Tailwind color | orange-100 #ffedd4, 0.022 away in OKLab |
| White text | 1.11:1: AA fails, AAA fails, large text fails |
| Black text | 18.98:1: AA passes, AAA passes, large text passes |
About beige
In OKLCH terms beige has a lightness of 96.4%, a chroma of 0.033 and a hue of 107.0 degrees, a grayish pale yellow to the eye.
HSL and OKLCH agree on how light it is, 91% and 96.4%. Its nearest CSS named color, cornsilk (#fff8dc), is 0.016 away in OKLab, too close to tell apart by eye.
For text, beige wants black: 18.98:1 clears even AAA's 7:1, and white at 1.11:1 fails AA. In the hue-sorted table of named colors it sits between yellow and palegoldenrod.
In Tailwind CSS 4.3.3 the nearest default color is orange-100 (#ffedd4), 0.022 away in OKLab; for the exact color, an arbitrary value such as bg-[#f5f5dc] works.
Tints and shades
- #fdfdf9
- #fcfcf3
- #fafaee
- #f8f8e8
- #f7f7e2
- #f5f5dc
- #c0c0ac
- #8e8e7f
- #5f5f54
- #34342d
- #0e0e0b
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
- #f5f5dc
- #529ca9
- #2a1e36
- #eeaca7
- #3a5a8a
Locked as the first of five swatches, beige gets #529ca9, #2a1e36, #eeaca7, #3a5a8a from Recolor's generator, a free palette, hues spread around the wheel. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using beige
As a text color, beige on a black page gives the same 18.98:1.
.notice {
background-color: beige; /* #f5f5dc */
color: black; /* 18.98:1 */
}Common questions
Does white text pass WCAG AA on beige?
No. White text measures 1.11:1 on beige, under AA's 4.5:1; black text measures 18.98:1 and passes.
Can beige be written in OKLCH?
Yes: oklch(96.4% 0.033 107.0), computed from #f5f5dc. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to beige?
Yes: cornsilk (#fff8dc) is the nearest, 0.016 away in OKLab, then oldlace at 0.018.