#CADEFB

#CADEFB

Color Values

HEX

#CADEFB

RGB

202, 222, 251

HSL

215.5, 86.0%, 88.8%

HSV

215.5, 19.5%, 98.4%

CMYK

19.5%, 11.6%, 0.0%, 1.6%

OKLCH

0.8949 0.0454 257.6

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CADEFB

#FBE7CA

Analogous

#CAF6FB

#CECAFB

#CADEFB

Triadic

#CADEFB

#FBCADE

#DEFBCA

Split Complementary

#CADEFB

#FBCECA

#F6FBCA

Tetradic

#CADEFB

#FBCAF6

#FBE7CA

#CAFBCE

Color Blindness Simulation

Original

#CADEFB

Protanopia

#D3D3F4

Deuteranopia

#D2D0F2

Tritanopia

#CBEEED

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BDD6FA
300
#8DB8F6
400
#5092F2
500
#126BED
600
#0E56BE
700
#0B4598
800
#093677
900
#0B2A56
950
#071A36

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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