Hex Color #CAD5EC - Custom Color

Color Codes

HEX

#CAD5EC

RGB

rgb(202, 213, 236)

HSL

hsl(221, 47%, 86%)

CMYK

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

HSV

hsv(221, 14%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CBE6EC #CBD5EC #D1CBEC

Triadic

#CBD5EC #ECCBD5 #D5ECCB

Split Complementary

#CBD5EC #ECD1CB #E6ECCB

Tetradic (Square)

#CBD5EC #ECCBE6 #ECE1CB #CBECD1

Complementary

#CAD5EC #ECE1CB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.47:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.24: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: #CAD5EC;

color: #CAD5EC;

border-color: #CAD5EC;

}

Tailwind CSS (with arbitrary values)

bg-[#CAD5EC]

text-[#CAD5EC]

border-[#CAD5EC]

// Example usage: