A medium brown, white text passes AA
What color is sienna?
The CSS named color sienna is #a0522d, or rgb(160 82 45): a medium brown in plain words. White text on it reaches 5.62:1, passing WCAG AA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | sienna |
| Hex | #a0522d |
| RGB | rgb(160 82 45) |
| HSL | hsl(19 56% 40%) |
| OKLCH | oklch(52.6% 0.115 44.6) |
| Nearest Tailwind color | yellow-700 #a65f00, 0.049 away in OKLab |
| White text | 5.62:1: AA passes, AAA fails, large text passes |
| Black text | 3.74:1: AA fails, AAA fails, large text passes |
About sienna
A medium brown is the plain description of sienna: OKLCH lightness 52.6%, chroma 0.115, hue 44.6 degrees.
Its lightness is 40% in HSL and 52.6% in OKLCH, 12 points apart; only the second tracks how light it looks. No CSS keyword matches it; saddlebrown (#8b4513) is the nearest, 0.057 away in OKLab, a clear step off.
White text on sienna reaches 5.62:1, enough for WCAG AA body text but short of AAA's 7:1; black text gets 3.74:1. Its neighbors in the hue-sorted list of names are chocolate and saddlebrown.
The closest Tailwind 4.3.3 color is yellow-700, 0.049 away in OKLab, so bg-yellow-700 comes near; bg-[#a0522d] gives the color itself.
Tints and shades
- #f1e1db
- #e2c4b7
- #d2a794
- #c28b72
- #b16e50
- #a0522d
- #7d3e21
- #5b2c16
- #3b1a0b
- #1e0a03
- #050100
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
- #a0522d
- #deb09c
- #321f15
- #c47051
- #ffdeca
Recolor's generator, with sienna locked as swatch 1 and the seed taken from its hex, drew a monochromatic palette, one hue in five lightnesses: #deb09c, #321f15, #c47051, #ffdeca. Open it in Recolor.
Using sienna
As a text color, sienna on a white page gives the same 5.62:1.
.notice {
background-color: sienna; /* #a0522d */
color: white; /* 5.62:1 */
}Common questions
Does white text pass WCAG AA on sienna?
Yes. White text measures 5.62:1 on sienna, above the 4.5:1 that WCAG AA asks of body text.
Can sienna be written in OKLCH?
Yes: oklch(52.6% 0.115 44.6), computed from #a0522d. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to sienna?
No. The nearest, saddlebrown (#8b4513), is 0.057 away in OKLab, a different color.