#CADBE5

#CADBE5

Color Values

HEX

#CADBE5

RGB

202, 219, 229

HSL

202.2, 34.2%, 84.5%

HSV

202.2, 11.8%, 89.8%

CMYK

11.8%, 4.4%, 0.0%, 10.2%

OKLCH

0.8817 0.0229 233.4

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CADBE5

#E5D4CA

Analogous

#CAE5E1

#CACDE5

#CADBE5

Triadic

#CADBE5

#E5CADB

#DBE5CA

Split Complementary

#CADBE5

#E5CACD

#E5E1CA

Tetradic

#CADBE5

#E1CAE5

#E5D4CA

#CDE5CA

Color Blindness Simulation

Original

#CADBE5

Protanopia

#D1D2E3

Deuteranopia

#D0CFE2

Tritanopia

#CBE1E0

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF2
200
#CFDEE8
300
#ADC7D7
400
#80A9C1
500
#548BAB
600
#436F89
700
#36596E
800
#2A4556
900
#22343F
950
#152128

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.78:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026