Hex Color #DAE3E5 - Custom Color

Color Codes

HEX

#DAE3E5

RGB

rgb(218, 227, 229)

HSL

hsl(191, 17%, 88%)

CMYK

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

HSV

hsv(191, 5%, 90%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DBE6E2 #DBE4E6 #DBDEE6

Triadic

#DBE4E6 #E6DBE4 #E4E6DB

Split Complementary

#DBE4E6 #E6DBDE #E6E2DB

Tetradic (Square)

#DBE4E6 #E2DBE6 #E6DDDB #DEE6DB

Complementary

#DAE3E5 #E6DDDB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.30:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.10: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: #DAE3E5;

color: #DAE3E5;

border-color: #DAE3E5;

}

Tailwind CSS (with arbitrary values)

bg-[#DAE3E5]

text-[#DAE3E5]

border-[#DAE3E5]

// Example usage: