#CAD0ED

#CAD0ED

Color Values

HEX

#CAD0ED

RGB

202, 208, 237

HSL

229.7, 49.3%, 86.1%

HSV

229.7, 14.8%, 92.9%

CMYK

14.8%, 12.2%, 0.0%, 7.1%

OKLCH

0.8621 0.0407 276.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CAD0ED

#EDE7CA

Analogous

#CAE2ED

#D6CAED

#CAD0ED

Triadic

#CAD0ED

#EDCAD0

#D0EDCA

Split Complementary

#CAD0ED

#EDD6CA

#E2EDCA

Tetradic

#CAD0ED

#EDCAE2

#EDE7CA

#CAEDD6

Color Blindness Simulation

Original

#CAD0ED

Protanopia

#CDCDE6

Deuteranopia

#CCCCE4

Tritanopia

#CAE0DF

Achromatopsia

#D1D1D1

CSS Usage

background-color: #CAD0ED;
color: #CAD0ED;
border-color: #CAD0ED;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F4F5FB
100
#E6E8F5
200
#CAD0ED
300
#A4AEE0
400
#7282CF
500
#4156BE
600
#344598
700
#29377A
800
#202B5F
900
#1B2246
950
#11162C

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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