#CAD2ED

#CAD2ED

Color Values

HEX

#CAD2ED

RGB

202, 210, 237

HSL

226.3, 49.3%, 86.1%

HSV

226.3, 14.8%, 92.9%

CMYK

14.8%, 11.4%, 0.0%, 7.1%

OKLCH

0.8661 0.0384 272.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CAD2ED

#EDE5CA

Analogous

#CAE4ED

#D4CAED

#CAD2ED

Triadic

#CAD2ED

#EDCAD2

#D2EDCA

Split Complementary

#CAD2ED

#EDD4CA

#E4EDCA

Tetradic

#CAD2ED

#EDCAE4

#EDE5CA

#CAEDD4

Color Blindness Simulation

Original

#CAD2ED

Protanopia

#CDCEE6

Deuteranopia

#CDCCE5

Tritanopia

#CAE1E0

Achromatopsia

#D2D2D2

CSS Usage

background-color: #CAD2ED;
color: #CAD2ED;
border-color: #CAD2ED;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F4F6FB
100
#E6E9F5
200
#CAD2ED
300
#A4B1E0
400
#7287CF
500
#415DBE
600
#344B98
700
#293C7A
800
#202F5F
900
#1B2546
950
#11172C

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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