#CADEE0

#CADEE0

Color Values

HEX

#CADEE0

RGB

202, 222, 224

HSL

185.5, 26.2%, 83.5%

HSV

185.5, 9.8%, 87.8%

CMYK

9.8%, 0.9%, 0.0%, 12.2%

OKLCH

0.8863 0.0216 204.0

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CADEE0

#E0CCCA

Analogous

#CAE0D7

#CAD3E0

#CADEE0

Triadic

#CADEE0

#E0CADE

#DEE0CA

Split Complementary

#CADEE0

#E0CAD3

#E0D7CA

Tetradic

#CADEE0

#D7CAE0

#E0CCCA

#D3E0CA

Color Blindness Simulation

Original

#CADEE0

Protanopia

#D3D3E0

Deuteranopia

#D2D0DF

Tritanopia

#CBDFDF

Achromatopsia

#DADADA

CSS Usage

background-color: #CADEE0;
color: #CADEE0;
border-color: #CADEE0;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E3E5
300
#B2CFD2
400
#88B5B9
500
#5E9BA1
600
#4B7C81
700
#3C6367
800
#2F4D50
900
#253A3C
950
#172426

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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