CSS named color
Sienna
#A0522D
HEX
#a0522dRGB
rgb(160, 82, 45)HSL
hsl(19, 56%, 40%)OKLCH
oklch(52.65% 0.1151 44.60)NAME
siennaPalette
Complementary
180° on the color wheelComplement
#2D7B9F
Analogous
±30° around the base hueLeft
#9F2D42
Right
#9F8A2D
Triadic
±120° for harmonic contrastTriad 1
#2D9F51
Triad 2
#512D9F
Shades
Lighter and darker variantsCSS usage
By name
color: sienna;
background-color: sienna;By HEX
color: #a0522d;
background-color: #a0522d;By RGB
color: rgb(160, 82, 45);
background-color: rgb(160, 82, 45);By HSL
color: hsl(19, 56%, 40%);
background-color: hsl(19, 56%, 40%);WCAG contrast vs white
Aa
5.62:1
AA
WCAG contrast vs black
Aa
3.74:1
AA (large text)
Related colors
FAQ — Sienna
What is the HEX code for Sienna?
The HEX code for Sienna is #A0522D. It's one of the 148 named CSS colors and can be used directly in CSS as color: sienna; or color: #a0522d;
What is Sienna in RGB?
Sienna in RGB is rgb(160, 82, 45) — red 160, green 82, blue 45.
What is Sienna in HSL?
Sienna in HSL is hsl(19, 56%, 40%) — hue 19°, saturation 56%, lightness 40%.
What is the complementary color of Sienna?
The complementary color (directly opposite Sienna on the color wheel) is #2D7B9F. The two together produce maximum contrast.
Is white text readable on Sienna?
The WCAG contrast ratio against white (#FFFFFF) is 5.62:1, and against black (#000000) it's 3.74:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.