#CADBEC

#CADBEC

Color Values

HEX

#CADBEC

RGB

202, 219, 236

HSL

210.0, 47.2%, 85.9%

HSV

210.0, 14.4%, 92.5%

CMYK

14.4%, 7.2%, 0.0%, 7.5%

OKLCH

0.8839 0.0298 248.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CADBEC

#ECDBCA

Analogous

#CAECEC

#CACAEC

#CADBEC

Triadic

#CADBEC

#ECCADB

#DBECCA

Split Complementary

#CADBEC

#ECCACA

#ECECCA

Tetradic

#CADBEC

#ECCAEC

#ECDBCA

#CAECCA

Color Blindness Simulation

Original

#CADBEC

Protanopia

#D1D2E8

Deuteranopia

#D0CFE7

Tritanopia

#CBE5E4

Achromatopsia

#D9D9D9

CSS Usage

background-color: #CADBEC;
color: #CADBEC;
border-color: #CADBEC;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CADBEC
300
#A5C2DF
400
#74A1CD
500
#4380BC
600
#366696
700
#2B5278
800
#22405E
900
#1C3045
950
#121F2C

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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