Almond

#EED9C4
RGB
238, 217, 196
HSL
30°, 55%, 85%
CMYK
0, 9, 18, 7
HSV
30°, 18%, 93%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #EED9C4 color: #EED9C4;
RGB 238, 217, 196 color: rgb(238, 217, 196);
RGB Percentage 93%, 85%, 77% color: rgb(93%, 85%, 77%);
CMYK 0%, 9%, 18%, 7% Not supported in CSS
HSL 30°, 55%, 85% color: hsl(30, 55%, 85%);
HSV 30°, 18%, 93% Not supported in CSS
CIE-LAB 68, 4, 7 color: lab(68% 4 7);
Decimal 15653316 Not supported in CSS

Color Variations

Shades

#EED9C4
#E4C3A2
#DAAD81
#D1985F
#C7823D
#A86C31
#865727
#65411D

Tints

#FAF4ED
#F8F0E7
#F6ECE1
#F5E8DB
#F3E4D5
#F1E0D0
#F0DDCA
#EED9C4

Tones

#EED9C4
#ECD9C6
#EAD9C8
#E7D9CA
#E5D9CC
#E3D9CE
#E1D9D0
#DFD9D2

Hues

#EED9C4
#E3EEC4
#C4EEC4
#C4EEE3
#C4D9EE
#CEC4EE
#EEC4EE
#EEC4CE

Color Harmonies

Analogous

#EEC4C4
Click to copy
Light Red
95%
#EED9C4
Click to copy
Almond
100%
#EEEEC4
Click to copy
Light Yellow
95%

Complementary

#EED9C4
Click to copy
Almond
100%
#C4D9EE
Click to copy
Light Blue
87%

Split Complementary

#EED9C4
Click to copy
Almond
100%
#C4EEEE
Click to copy
Light Cyan
86%
#C4C4EE
Click to copy
Light Blue
86%

Triadic

#EED9C4
Click to copy
Almond
100%
#C4EED9
Click to copy
Light Cyan
88%
#D9C4EE
Click to copy
Light Purple
88%

Tetradic

#EED9C4
Click to copy
Almond
100%
#C4EEC4
Click to copy
Light Green
89%
#C4D9EE
Click to copy
Light Blue
87%
#EEC4EE
Click to copy
Light Purple
89%

Square

#EED9C4
Click to copy
Almond
100%
#C4EEC4
Click to copy
Light Green
89%
#C4D9EE
Click to copy
Light Blue
87%
#EEC4EE
Click to copy
Light Purple
89%

CSS & Dev Snippets

CSS
.almond {
  color: #EED9C4;
}
SCSS
$almond: #EED9C4;
RGB
rgb(238, 217, 196)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags