Sienna color codes
| CSS name | sienna |
|---|---|
| HEX | #A0522D |
| RGB | rgb(160, 82, 45) |
| HSL | hsl(19, 56%, 40%) |
| CMYK | cmyk(0%, 49%, 72%, 37%) |
| Decimal | 10506797 |
Shades of Sienna (darker)
#904A29 · #804224 · #703920 · #60311B · #502917 · #402112 · #30190E · #201009 · #100805
Tints of Sienna (lighter)
#AA6342 · #B37557 · #BD866C · #C69781 · #D0A996 · #D9BAAB · #E3CBC0 · #ECDCD5 · #F6EEEA
Color harmonies
| Complementary | #2D7B9F |
|---|---|
| Triadic | #2D9F51, #512D9F |
| Analogous | #9F2D42, #9F8A2D |
Accessibility (WCAG contrast)
| White text on Sienna | 5.62:1 · AA |
|---|---|
| Black text on Sienna | 3.74:1 · AA large text only |
Use Sienna in code
.element {
color: sienna; /* or #a0522d */
background-color: rgb(160 82 45 / 0.5);
}Frequently asked questions
What is the hex code for Sienna?
Sienna is #A0522D in HEX, rgb(160, 82, 45) in RGB and hsl(19, 56%, 40%) in HSL.
Can I use "sienna" directly in CSS?
Yes. "sienna" is one of the 148 standard CSS named colors, so color: sienna; works in every browser.
Is Sienna readable on white?
The contrast ratio of Sienna on white is 5.62:1 (WCAG AA). On black it is 3.74:1 (AA large text only).
What is the complementary color of Sienna?
The complementary color (opposite on the color wheel) is #2D7B9F.
Similar colors
Saddle Brown#8B4513Brown#A52A2AFire Brick#B22222Chocolate#D2691EIndian Red#CD5C5CDark Goldenrod#B8860BPeru#CD853FOlive#808000
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.