Sienna

#882D17

What color is Sienna?

Sienna is a dark brownish-red with warm, earthy undertones, hex #882D17, close to the color of fired terracotta clay. The tone leans more toward brown than pure red, giving it a muted, dusty quality.

What is the meaning of the color Sienna?

Named after the city of Siena in Tuscany, Italy, this color was historically associated with the natural iron-oxide pigment mined from the region’s soil. Artists in Renaissance Europe used raw and burnt sienna pigments extensively, with burnt sienna produced by roasting the raw earth to deepen its reddish tone. The pigment was a staple of oil and fresco painting by the 15th century, used by painters including those trained in the Sienese school. The color was first recorded as an English color name in 1760, according to the Oxford English Dictionary.

RGB
136, 45, 23
HSL
12°, 71%, 31%
CMYK
0, 67, 83, 47
HSV
12°, 83%, 53%
Sienna color

What colors go with Sienna?

Colors that pair well with Sienna include:
Cream: soft, warm contrast
Forest Green: rich earthy balance
Navy Blue: cool, grounding depth
Gold: warm tonal harmony
Charcoal: strong, neutral anchor

Similar Colors

Conversions & Codes

Format Value CSS
HEX #882D17 color: #882D17;
RGB 136, 45, 23 color: rgb(136, 45, 23);
RGB Percentage 53%, 18%, 9% color: rgb(53%, 18%, 9%);
CMYK 0%, 67%, 83%, 47% Not supported in CSS
HSL 12°, 71%, 31% color: hsl(12, 71%, 31%);
HSV 12°, 83%, 53% Not supported in CSS
CIE-LAB 25, 18, 7 color: lab(25% 18 7);
Decimal 8924439 Not supported in CSS

Color Variations

Shades

#872D17
#7A2915
#6C2412
#5F2010
#511B0E
#44170B
#361209
#290E07

Tints

#F0B4A5
#EB9B87
#E58269
#E0684A
#DB4F2C
#C34221
#A5371C
#872D17

Tones

#872D17
#82311D
#7C3422
#763728
#713B2D
#6B3E33
#664239
#60453E

Hues

#872D17
#878217
#398717
#178749
#177187
#171D87
#661787
#871755

Color Harmonies

Analogous

#871739
Click to copy
#882D17
Click to copy
#876617
Click to copy

Complementary

#882D17
Click to copy
#177187
Click to copy

Split Complementary

#882D17
Click to copy
#178766
Click to copy
#173987
Click to copy

Triadic

#882D17
Click to copy
#17872D
Click to copy
#2D1787
Click to copy

Tetradic

#882D17
Click to copy
#398717
Click to copy
#177187
Click to copy
#661787
Click to copy

Square

#882D17
Click to copy
#398717
Click to copy
#177187
Click to copy
#661787
Click to copy

CSS & Dev Snippets

CSS
.sienna {
  color: #882D17;
}
SCSS
$sienna: #882D17;
RGB
rgb(136, 45, 23)

Accessibility & Contrast

White background

8.63:1
8.63
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

2.43:1
2.43
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags