A light beige, black text passes AA
What color is burlywood?
burlywood is a light beige: #deb887 in hex, rgb(222 184 135). Black text on it reaches 11.31:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | burlywood |
| Hex | #deb887 |
| RGB | rgb(222 184 135) |
| HSL | hsl(34 57% 70%) |
| OKLCH | oklch(80.5% 0.078 73.4) |
| Nearest Tailwind color | orange-300 #ffb86a, 0.057 away in OKLab |
| White text | 1.86:1: AA fails, AAA fails, large text fails |
| Black text | 11.31:1: AA passes, AAA passes, large text passes |
About burlywood
A light beige is the plain description of burlywood: OKLCH lightness 80.5%, chroma 0.078, hue 73.4 degrees.
HSL calls its lightness 70%, OKLCH 80.5%: 10 points between a formula and a measure of what the eye sees. The closest CSS named color is tan (#d2b48c), 0.023 away in OKLab: near, and still a visible step from it side by side.
Black text on burlywood measures 11.31:1, past the 7:1 of WCAG AAA, while white text manages only 1.86:1. In the hue-sorted table of named colors it sits between wheat and orange.
In Tailwind CSS 4.3.3 the nearest default color is orange-300 (#ffb86a), 0.057 away in OKLab; for the exact color, an arbitrary value such as bg-[#deb887] works.
Tints and shades
- #faf3eb
- #f4e7d7
- #efdbc3
- #e9d0af
- #e4c49b
- #deb887
- #ae9069
- #80694c
- #554531
- #2e2418
- #0b0704
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
- #deb887
- #0b2f2d
- #b48540
- #f8e3cb
- #006e69
Recolor's generator, with burlywood locked as swatch 1 and the seed taken from its hex, drew a triadic palette, three hues a third of the wheel apart: #0b2f2d, #b48540, #f8e3cb, #006e69. Open it in Recolor.
Using burlywood
As a text color, burlywood on a black page gives the same 11.31:1.
.notice {
background-color: burlywood; /* #deb887 */
color: black; /* 11.31:1 */
}Common questions
Does white text pass WCAG AA on burlywood?
No. White text measures 1.86:1 on burlywood, under AA's 4.5:1; black text measures 11.31:1 and passes.
Can burlywood be written in OKLCH?
Yes: oklch(80.5% 0.078 73.4), computed from #deb887. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to burlywood?
Yes: tan (#d2b48c) is the nearest, 0.023 away in OKLab, then sandybrown at 0.058.