#DECC9C
RGB
222, 204, 156
HSL
44°, 50%, 74%
CMYK
0, 8, 30, 13
HSV
44°, 30%, 87%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #DECC9C color: #DECC9C;
RGB 222, 204, 156 color: rgb(222, 204, 156);
RGB Percentage 87%, 80%, 61% color: rgb(87%, 80%, 61%);
CMYK 0%, 8%, 30%, 13% Not supported in CSS
HSL 44°, 50%, 74% color: hsl(44, 50%, 74%);
HSV 44°, 30%, 87% Not supported in CSS
CIE-LAB 59, 4, 16 color: lab(59% 4 16);
Decimal 14601372 Not supported in CSS

Color Variations

Shades

#DECC9C
#D4BE7F
#CBAF63
#C2A147
#AA8C39
#8E742F
#715D26
#55461C

Tints

#F5F0E1
#F2EBD7
#EEE6CD
#EBE1C3
#E8DBB9
#E4D6AF
#E1D1A5
#DECC9C

Tones

#DECC9C
#DBCB9F
#D7C9A2
#D4C8A5
#D1C6A9
#CDC4AC
#CAC3AF
#C7C1B3

Hues

#DECC9C
#BEDE9C
#9CDEAB
#9CDEDD
#9CADDE
#BC9CDE
#DE9CCE
#DE9C9D

Color Harmonies

Analogous

#DEAB9C
Click to copy
#DECC9C
Click to copy
100%
#CEDE9C
Click to copy
95%

Complementary

#DECC9C
Click to copy
100%
#9CADDE
Click to copy

Split Complementary

#DECC9C
Click to copy
100%
#9CCEDE
Click to copy
#AB9CDE
Click to copy

Triadic

#DECC9C
Click to copy
100%
#9CDECC
Click to copy
#CC9CDE
Click to copy

Tetradic

#DECC9C
Click to copy
100%
#9CDEAB
Click to copy
#9CADDE
Click to copy
#DE9CCE
Click to copy

Square

#DECC9C
Click to copy
100%
#9CDEAB
Click to copy
#9CADDE
Click to copy
#DE9CCE
Click to copy

CSS & Dev Snippets

CSS
.lion {
  color: #DECC9C;
}
SCSS
$lion: #DECC9C;
RGB
rgb(222, 204, 156)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags