#CAD4ED

#CAD4ED

Color Values

HEX

#CAD4ED

RGB

202, 212, 237

HSL

222.9, 49.3%, 86.1%

HSV

222.9, 14.8%, 92.9%

CMYK

14.8%, 10.5%, 0.0%, 7.1%

OKLCH

0.8701 0.0363 268.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CAD4ED

#EDE3CA

Analogous

#CAE6ED

#D2CAED

#CAD4ED

Triadic

#CAD4ED

#EDCAD4

#D4EDCA

Split Complementary

#CAD4ED

#EDD2CA

#E6EDCA

Tetradic

#CAD4ED

#EDCAE6

#EDE3CA

#CAEDD2

Color Blindness Simulation

Original

#CAD4ED

Protanopia

#CECEE7

Deuteranopia

#CECDE5

Tritanopia

#CAE2E1

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E6EAF5
200
#CAD4ED
300
#A4B5E0
400
#728DCF
500
#4164BE
600
#345098
700
#29407A
800
#20325F
900
#1B2746
950
#11192C

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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