#CADEFC

#CADEFC

Color Values

HEX

#CADEFC

RGB

202, 222, 252

HSL

216,0, 89,3%, 89,0%

HSV

216,0, 19,8%, 98,8%

CMYK

19,8%, 11,9%, 0,0%, 1,2%

OKLCH

0,8952 0,0466 258,4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CADEFC

#FCE8CA

Analogous

#CAF7FC

#CFCAFC

#CADEFC

Triadic

#CADEFC

#FCCADE

#DEFCCA

Split Complementary

#CADEFC

#FCCFCA

#F7FCCA

Tetradic

#CADEFC

#FCCAF7

#FCE8CA

#CAFCCF

Color Blindness Simulation

Original

#CADEFC

Protanopia

#D3D3F5

Deuteranopia

#D2D0F3

Tritanopia

#CBEFEE

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BBD5FB
300
#8BB7F8
400
#4C90F5
500
#0E69F1
600
#0B54C1
700
#09439A
800
#073479
900
#0A2957
950
#061A37

Contrast Checker

Text on white

1,37:1

AA Fail AAA Fail

Text on black

15,37:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026