#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026