#CADFFD

#CADFFD

Color Values

HEX

#CADFFD

RGB

202, 223, 253

HSL

215.3, 92.7%, 89.2%

HSV

215.3, 20.2%, 99.2%

CMYK

20.2%, 11.9%, 0.0%, 0.8%

OKLCH

0.8976 0.0471 257.3

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CADFFD

#FDE8CA

Analogous

#CAF8FD

#CECAFD

#CADFFD

Triadic

#CADFFD

#FDCADF

#DFFDCA

Split Complementary

#CADFFD

#FDCECA

#F8FDCA

Tetradic

#CADFFD

#FDCAF8

#FDE8CA

#CAFDCE

Color Blindness Simulation

Original

#CADFFD

Protanopia

#D3D3F6

Deuteranopia

#D2D0F4

Tritanopia

#CBF0EF

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BAD5FC
300
#89B8FB
400
#4991F8
500
#096BF6
600
#0755C5
700
#06449D
800
#05357B
900
#082959
950
#051A38

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.48:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026