Cinnamon

#D47E30

What color is Cinnamon?

Cinnamon is a warm, mid-tone brownish-orange with a golden undertone, hex #D47E30, close to the color of toasted bread crust. It is deeper than honey but lighter than burnt sienna, with a dry, earthy warmth.

What is the meaning of the color Cinnamon?

Named after the spice traded across the ancient world, cinnamon as a color name entered English use alongside the growing spice trade of the 15th and 16th centuries, when cinnamon bark from Sri Lanka commanded high prices in European markets. The spice’s distinctive reddish-brown tone became a recognizable reference point in cloth dyeing and pigment naming during this period. By the 20th century, the name had moved into consumer goods and interior design as a standard descriptor for warm brown-orange tones. Benjamin Moore included Cinnamon as a named paint color in its catalog, anchoring the shade in the residential design market.

RGB
212, 126, 48
HSL
29°, 66%, 51%
CMYK
0, 41, 77, 17
HSV
29°, 77%, 83%
Cinnamon color

What colors go with Cinnamon?

Colors that pair well with Cinnamon include:
Cream: soft, warm contrast
Teal: cool balance
Olive Green: earthy depth
Navy Blue: rich, grounding contrast
Mustard Yellow: warm, tonal harmony

Similar Colors

Conversions & Codes

Format Value CSS
HEX #D47E30 color: #D47E30;
RGB 212, 126, 48 color: rgb(212, 126, 48);
RGB Percentage 83%, 49%, 19% color: rgb(83%, 49%, 19%);
CMYK 0%, 41%, 77%, 17% Not supported in CSS
HSL 29°, 66%, 51% color: hsl(29, 66%, 51%);
HSV 29°, 77%, 83% Not supported in CSS
CIE-LAB 41, 17, 26 color: lab(41% 17 26);
Decimal 13925936 Not supported in CSS

Color Variations

Shades

#D57F30
#C27228
#AD6623
#97591F
#824C1B
#6C4016
#563312
#41260D

Tints

#F2D9C1
#EECCAC
#EABF97
#E6B283
#E1A66E
#DD9959
#D98C44
#D57F30

Tones

#D57F30
#CC8038
#C48040
#BC8048
#B48051
#AB8159
#A38161
#9B8169

Hues

#D57F30
#AED530
#32D530
#30D5A9
#3085D5
#5630D5
#D230D5
#D5305C

Color Harmonies

Analogous

#D53032
Click to copy
#D47E30
Click to copy
#D5D230
Click to copy

Complementary

#D47E30
Click to copy
#3085D5
Click to copy

Split Complementary

#D47E30
Click to copy
#30D5D2
Click to copy
#3032D5
Click to copy

Triadic

#D47E30
Click to copy
#30D57F
Click to copy
#7F30D5
Click to copy

Tetradic

#D47E30
Click to copy
#32D530
Click to copy
#3085D5
Click to copy
#D230D5
Click to copy

Square

#D47E30
Click to copy
#32D530
Click to copy
#3085D5
Click to copy
#D230D5
Click to copy

CSS & Dev Snippets

CSS
.cinnamon {
  color: #D47E30;
}
SCSS
$cinnamon: #D47E30;
RGB
rgb(212, 126, 48)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags