#CADFF4

#CADFF4

Color Values

HEX

#CADFF4

RGB

202, 223, 244

HSL

210.0, 65.6%, 87.5%

HSV

210.0, 17.2%, 95.7%

CMYK

17.2%, 8.6%, 0.0%, 4.3%

OKLCH

0.8946 0.0367 248.2

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CADFF4

#F4DFCA

Analogous

#CAF4F4

#CACAF4

#CADFF4

Triadic

#CADFF4

#F4CADF

#DFF4CA

Split Complementary

#CADFF4

#F4CACA

#F4F4CA

Tetradic

#CADFF4

#F4CAF4

#F4DFCA

#CAF4CA

Color Blindness Simulation

Original

#CADFF4

Protanopia

#D3D3EF

Deuteranopia

#D2D0EE

Tritanopia

#CBEBEA

Achromatopsia

#DCDCDC

CSS Usage

background-color: #CADFF4;
color: #CADFF4;
border-color: #CADFF4;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DBF3
300
#9AC2EA
400
#63A1DF
500
#2C80D3
600
#2366A9
700
#1C5287
800
#16406A
900
#14304D
950
#0D1F31

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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