#E0CD95
RGB
224, 205, 149
HSL
45°, 55%, 73%
CMYK
0, 8, 33, 12
HSV
45°, 33%, 88%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #E0CD95 color: #E0CD95;
RGB 224, 205, 149 color: rgb(224, 205, 149);
RGB Percentage 88%, 80%, 58% color: rgb(88%, 80%, 58%);
CMYK 0%, 8%, 33%, 12% Not supported in CSS
HSL 45°, 55%, 73% color: hsl(45, 55%, 73%);
HSV 45°, 33%, 88% Not supported in CSS
CIE-LAB 58, 4, 19 color: lab(58% 4 19);
Decimal 14732693 Not supported in CSS

Color Variations

Shades

#E0CD94
#D8C077
#CFB25B
#C7A53E
#AD8E32
#90772A
#735F22
#574719

Tints

#F6F0DF
#F3EBD4
#F0E6CA
#ECE1BF
#E9DCB4
#E6D7AA
#E3D29F
#E0CD94

Tones

#E0CD94
#DCCB98
#D8C99C
#D5C7A0
#D1C6A3
#CDC4A7
#C9C2AB
#C6C0AF

Hues

#E0CD94
#BAE094
#94E0A7
#94E0E0
#94A7E0
#BA94E0
#E094CD
#E09494

Color Harmonies

Analogous

#E0A794
Click to copy
Light Red
91%
#E0CD95
Click to copy
Ecru
100%
#CDE094
Click to copy
Light Yellow
94%

Complementary

#E0CD95
Click to copy
Ecru
100%
#94A7E0
Click to copy
Light Blue
74%

Split Complementary

#E0CD95
Click to copy
Ecru
100%
#94CDE0
Click to copy
Light Cyan
76%
#A794E0
Click to copy
Light Blue
75%

Triadic

#E0CD95
Click to copy
Ecru
100%
#94E0CD
Click to copy
Light Cyan
78%
#CD94E0
Click to copy
Light Purple
78%

Tetradic

#E0CD95
Click to copy
Ecru
100%
#94E0A7
Click to copy
Light Green
82%
#94A7E0
Click to copy
Light Blue
74%
#E094CD
Click to copy
Light Purple
82%

Square

#E0CD95
Click to copy
Ecru
100%
#94E0A7
Click to copy
Light Green
82%
#94A7E0
Click to copy
Light Blue
74%
#E094CD
Click to copy
Light Purple
82%

CSS & Dev Snippets

CSS
.ecru {
  color: #E0CD95;
}
SCSS
$ecru: #E0CD95;
RGB
rgb(224, 205, 149)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags