#CAD9EC

#CAD9EC

Color Values

HEX

#CAD9EC

RGB

202, 217, 236

HSL

213.5, 47.2%, 85.9%

HSV

213.5, 14.4%, 92.5%

CMYK

14.4%, 8.1%, 0.0%, 7.5%

OKLCH

0.8798 0.0309 254.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CAD9EC

#ECDDCA

Analogous

#CAEAEC

#CCCAEC

#CAD9EC

Triadic

#CAD9EC

#ECCAD9

#D9ECCA

Split Complementary

#CAD9EC

#ECCCCA

#EAECCA

Tetradic

#CAD9EC

#ECCAEA

#ECDDCA

#CAECCC

Color Blindness Simulation

Original

#CAD9EC

Protanopia

#D0D1E7

Deuteranopia

#D0CEE6

Tritanopia

#CBE4E3

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CAD9EC
300
#A5BEDF
400
#749BCD
500
#4378BC
600
#366096
700
#2B4D78
800
#223C5E
900
#1C2E45
950
#121D2C

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.65: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