#CADDE2

#CADDE2

Color Values

HEX

#CADDE2

RGB

202, 221, 226

HSL

192.5, 29.3%, 83.9%

HSV

192.5, 10.6%, 88.6%

CMYK

10.6%, 2.2%, 0.0%, 11.4%

OKLCH

0.8848 0.0215 215.3

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CADDE2

#E2CFCA

Analogous

#CAE2DB

#CAD1E2

#CADDE2

Triadic

#CADDE2

#E2CADD

#DDE2CA

Split Complementary

#CADDE2

#E2CAD1

#E2DBCA

Tetradic

#CADDE2

#DBCAE2

#E2CFCA

#D1E2CA

Color Blindness Simulation

Original

#CADDE2

Protanopia

#D2D2E1

Deuteranopia

#D1D0E0

Tritanopia

#CBE0E0

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9F0F2
200
#D1E1E6
300
#B0CCD4
400
#85B1BC
500
#5A95A5
600
#487784
700
#3A606A
800
#2D4B52
900
#24383D
950
#172327

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.95:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026