A light beige, black text passes AA
What color is tan?
tan is a light beige: #d2b48c in hex, rgb(210 180 140). Black text on it reaches 10.65:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | tan |
| Hex | #d2b48c |
| RGB | rgb(210 180 140) |
| HSL | hsl(34 44% 69%) |
| OKLCH | oklch(78.6% 0.064 74.6) |
| Nearest Tailwind color | olive-400 #abab9c, 0.068 away in OKLab |
| White text | 1.97:1: AA fails, AAA fails, large text fails |
| Black text | 10.65:1: AA passes, AAA passes, large text passes |
About tan
Measured in OKLCH, tan comes out at lightness 78.6%, chroma 0.064 and hue 74.6 degrees: a light beige.
HSL calls its lightness 69%, OKLCH 78.6%: 10 points between a formula and a measure of what the eye sees. Of the named colors, burlywood (#deb887) is the nearest, 0.023 away in OKLab; next to each other the two still differ.
Black on tan reads at 10.65:1, enough for AAA body text; white reaches 1.97:1 and should stay off it. In the hue-sorted table of named colors it sits between orange and sandybrown.
In Tailwind CSS 4.3.3 the nearest default color is olive-400 (#abab9c), 0.068 away in OKLab; for the exact color, an arbitrary value such as bg-[#d2b48c] works.
Tints and shades
- #f8f2ec
- #f0e6d8
- #e9d9c5
- #e1cdb2
- #dac09f
- #d2b48c
- #a48c6d
- #79674f
- #504433
- #2b2319
- #0a0704
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
- #d2b48c
- #291600
- #b67800
- #c9e4ff
- #6f4300
Around tan as swatch 1, Recolor's generator made a complementary palette, built on the hue opposite: #291600, #b67800, #c9e4ff, #6f4300, drawn from a seed fixed by its hex. Open it in Recolor.
Using tan
As a text color, tan on a black page gives the same 10.65:1.
.notice {
background-color: tan; /* #d2b48c */
color: black; /* 10.65:1 */
}Common questions
Does white text pass WCAG AA on tan?
No. White text measures 1.97:1 on tan, under AA's 4.5:1; black text measures 10.65:1 and passes.
Can tan be written in OKLCH?
Yes: oklch(78.6% 0.064 74.6), computed from #d2b48c. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to tan?
Yes: burlywood (#deb887) is the nearest, 0.023 away in OKLab, then darkkhaki at 0.056.