Hex Color #EEECD6 - Custom Color

Color Codes

HEX

#EEECD6

RGB

rgb(238, 236, 214)

HSL

hsl(55, 41%, 89%)

CMYK

cmyk(0%, 1%, 10%, 7%)

HSV

hsv(55, 10%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EEE1D7 #EEEDD7 #E5EED7

Triadic

#EEEDD7 #D7EEED #EDD7EE

Split Complementary

#EEEDD7 #D7E5EE #E1D7EE

Tetradic (Square)

#EEEDD7 #D7EEE1 #D7D9EE #EED7E5

Complementary

#EEECD6 #D7D9EE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.19:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.60:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #EEECD6;

color: #EEECD6;

border-color: #EEECD6;

}

Tailwind CSS (with arbitrary values)

bg-[#EEECD6]

text-[#EEECD6]

border-[#EEECD6]

// Example usage: