#CAD8EC

#CAD8EC

Color Values

HEX

#CAD8EC

RGB

202, 216, 236

HSL

215.3, 47.2%, 85.9%

HSV

215.3, 14.4%, 92.5%

CMYK

14.4%, 8.5%, 0.0%, 7.5%

OKLCH

0.8778 0.0315 257.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#CAD8EC

#ECDECA

Analogous

#CAE9EC

#CDCAEC

#CAD8EC

Triadic

#CAD8EC

#ECCAD8

#D8ECCA

Split Complementary

#CAD8EC

#ECCDCA

#E9ECCA

Tetradic

#CAD8EC

#ECCAE9

#ECDECA

#CAECCD

Color Blindness Simulation

Original

#CAD8EC

Protanopia

#D0D0E7

Deuteranopia

#CFCEE6

Tritanopia

#CBE3E2

Achromatopsia

#D6D6D6

CSS Usage

background-color: #CAD8EC;
color: #CAD8EC;
border-color: #CAD8EC;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CAD8EC
300
#A5BDDF
400
#7499CD
500
#4375BC
600
#365D96
700
#2B4B78
800
#223A5E
900
#1C2D45
950
#121C2C

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.54:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026