#CAD4EC

#CAD4EC

Color Values

HEX

#CAD4EC

RGB

202, 212, 236

HSL

222.4, 47.2%, 85.9%

HSV

222.4, 14.4%, 92.5%

CMYK

14.4%, 10.2%, 0.0%, 7.5%

OKLCH

0.8698 0.035 267.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CAD4EC

#ECE2CA

Analogous

#CAE5EC

#D1CAEC

#CAD4EC

Triadic

#CAD4EC

#ECCAD4

#D4ECCA

Split Complementary

#CAD4EC

#ECD1CA

#E5ECCA

Tetradic

#CAD4EC

#ECCAE5

#ECE2CA

#CAECD1

Color Blindness Simulation

Original

#CAD4EC

Protanopia

#CECEE6

Deuteranopia

#CECDE5

Tritanopia

#CAE2E1

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CAD4EC
300
#A5B6DF
400
#748ECD
500
#4367BC
600
#365296
700
#2B4278
800
#22335E
900
#1C2845
950
#12192C

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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