#DECC9C

What color is Lion?

Lion is a warm, golden tan with a soft yellow-beige tone, hex #DECC9C, close to the color of dry wheat straw. The color has a dusty, sun-bleached quality without appearing washed out.

What is the meaning of the color Lion?

The name Lion refers directly to the tawny coat of the African lion, first recorded as an English color name in the late 19th century. It was used in fabric and textile trade to describe naturally dyed buff and golden-yellow cloths popular in British colonial manufacturing. The color gained wider recognition through its adoption in naturalist illustration, particularly in printed field guides documenting African wildlife published by the Natural History Museum in London. Ralph Lauren has used Lion as a named shade in home furnishing collections, anchoring it in premium interior textile markets.

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

What colors go with Lion?

Colors that pair well with Lion include:
Deep Brown: rich, grounding depth
Sage Green: soft natural balance
Burnt Orange: warm tonal contrast
Ivory: gentle, brightening effect
Slate Blue: cool complementary contrast

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