#CAD6F9

#CAD6F9

Color Values

HEX

#CAD6F9

RGB

202, 214, 249

HSL

224.7, 79.7%, 88.4%

HSV

224.7, 18.9%, 97.6%

CMYK

18.9%, 14.1%, 0.0%, 2.4%

OKLCH

0.8782 0.0502 270.4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CAD6F9

#F9EDCA

Analogous

#CAEDF9

#D5CAF9

#CAD6F9

Triadic

#CAD6F9

#F9CAD6

#D6F9CA

Split Complementary

#CAD6F9

#F9D5CA

#EDF9CA

Tetradic

#CAD6F9

#F9CAED

#F9EDCA

#CAF9D5

Color Blindness Simulation

Original

#CAD6F9

Protanopia

#CFCFF1

Deuteranopia

#CECEEE

Tritanopia

#CBEAE8

Achromatopsia

#D6D6D6

CSS Usage

background-color: #CAD6F9;
color: #CAD6F9;
border-color: #CAD6F9;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F2F5FD
100
#E1E7F9
200
#BFCDF8
300
#91AAF3
400
#557CEC
500
#1A4EE5
600
#153EB7
700
#113293
800
#0D2773
900
#0E1F53
950
#091435

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.5:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026