Cinnamon

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

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
Magenta
82%
#D47E30
Click to copy
Cinnamon
100%
#D5D230
Click to copy
Orange
81%

Complementary

#D47E30
Click to copy
Cinnamon
100%
#3085D5
Click to copy
Cyan
47%

Split Complementary

#D47E30
Click to copy
Cinnamon
100%
#30D5D2
Click to copy
Cyan
44%
#3032D5
Click to copy
Blue
45%

Triadic

#D47E30
Click to copy
Cinnamon
100%
#30D57F
Click to copy
Green
54%
#7F30D5
Click to copy
Blue
54%

Tetradic

#D47E30
Click to copy
Cinnamon
100%
#32D530
Click to copy
Green
58%
#3085D5
Click to copy
Cyan
47%
#D230D5
Click to copy
Purple
59%

Square

#D47E30
Click to copy
Cinnamon
100%
#32D530
Click to copy
Green
58%
#3085D5
Click to copy
Cyan
47%
#D230D5
Click to copy
Purple
59%

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