Hex Color #DEE9E7 - Custom Color

Color Codes

HEX

#DEE9E7

RGB

rgb(222, 233, 231)

HSL

hsl(169, 20%, 89%)

CMYK

cmyk(5%, 0%, 1%, 9%)

HSV

hsv(169, 5%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DDE9E1 #DDE9E7 #DDE5E9

Triadic

#DDE9E7 #E7DDE9 #E9E7DD

Split Complementary

#DDE9E7 #E9DDE5 #E9E1DD

Tetradic (Square)

#DDE9E7 #E1DDE9 #E9DDDF #E5E9DD

Complementary

#DEE9E7 #E9DDDF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.24:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.92: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: #DEE9E7;

color: #DEE9E7;

border-color: #DEE9E7;

}

Tailwind CSS (with arbitrary values)

bg-[#DEE9E7]

text-[#DEE9E7]

border-[#DEE9E7]

// Example usage: