#CAD9F8

#CAD9F8

Color Values

HEX

#CAD9F8

RGB

202, 217, 248

HSL

220.4, 76.7%, 88.2%

HSV

220.4, 18.5%, 97.3%

CMYK

18.5%, 12.5%, 0.0%, 2.7%

OKLCH

0.8838 0.0458 264.9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CAD9F8

#F8E9CA

Analogous

#CAF0F8

#D2CAF8

#CAD9F8

Triadic

#CAD9F8

#F8CAD9

#D9F8CA

Split Complementary

#CAD9F8

#F8D2CA

#F0F8CA

Tetradic

#CAD9F8

#F8CAF0

#F8E9CA

#CAF8D2

Color Blindness Simulation

Original

#CAD9F8

Protanopia

#D0D1F1

Deuteranopia

#D0CEEF

Tritanopia

#CBEBE9

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E2E9F9
200
#C0D2F7
300
#93B2F1
400
#5888E9
500
#1E5EE1
600
#184BB4
700
#133C90
800
#0F2F71
900
#0F2552
950
#091734

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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