Sienna color (#A0522D)
Sienna is one of the 148 CSS named colors. Use the keyword sienna
anywhere CSS accepts a color, or its hex code #A0522D, which is rgb(160, 82, 45) in RGB.
It is a medium, moderately saturated warm color with a hue angle of 19° on the HSL color wheel and a perceived lightness of 53% in OKLCH. On a sienna background, white text gives the higher contrast at 5.61:1, which passes WCAG AA for normal text.
Sienna color codes
| CSS name | sienna |
|
|---|---|---|
| HEX | #A0522D |
|
| HEX (8-digit) | #A0522DFF |
|
| RGB | rgb(160, 82, 45) |
|
| HSL | hsl(19, 56%, 40%) |
|
| HSV / HSB | hsv(19, 72%, 63%) |
|
| OKLCH | oklch(52.6% 0.1151 44.6) |
|
| CMYK | cmyk(0%, 48.8%, 71.9%, 37.3%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for sienna used as text and as a background.
Tints and shades of sienna
Tints mix sienna with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with sienna
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Sienna with color blindness
Approximately how sienna appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using sienna in CSS
.element {
color: sienna;
background-color: #a0522d;
border-color: rgb(160 82 45 / 50%);
outline-color: oklch(52.6% 0.1151 44.6);
}Similar named colors
See all shades of brown or browse every CSS color name.