#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

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026