#CAD6ED

#CAD6ED

Color Values

HEX

#CAD6ED

RGB

202, 214, 237

HSL

219.4, 49.3%, 86.1%

HSV

219.4, 14.8%, 92.9%

CMYK

14.8%, 9.7%, 0.0%, 7.1%

OKLCH

0.8741 0.0344 263.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CAD6ED

#EDE1CA

Analogous

#CAE8ED

#D0CAED

#CAD6ED

Triadic

#CAD6ED

#EDCAD6

#D6EDCA

Split Complementary

#CAD6ED

#EDD0CA

#E8EDCA

Tetradic

#CAD6ED

#EDCAE8

#EDE1CA

#CAEDD0

Color Blindness Simulation

Original

#CAD6ED

Protanopia

#CFCFE7

Deuteranopia

#CECEE6

Tritanopia

#CBE3E2

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E6EBF5
200
#CAD6ED
300
#A4B8E0
400
#7292CF
500
#416CBE
600
#345698
700
#29457A
800
#20365F
900
#1B2A46
950
#111A2C

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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