#CADED8

#CADED8

Color Values

HEX

#CADED8

RGB

202, 222, 216

HSL

162.0, 23.3%, 83.1%

HSV

162.0, 9.0%, 87.1%

CMYK

9.0%, 0.0%, 2.7%, 12.9%

OKLCH

0.884 0.0229 175.9

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CADED8

#DECAD0

Analogous

#CADECE

#CADADE

#CADED8

Triadic

#CADED8

#D8CADE

#DED8CA

Split Complementary

#CADED8

#DECADA

#DECECA

Tetradic

#CADED8

#CECADE

#DECAD0

#DADECA

Color Blindness Simulation

Original

#CADED8

Protanopia

#D3D3D9

Deuteranopia

#D2D0DA

Tritanopia

#CBDBDB

Achromatopsia

#D9D9D9

CSS Usage

background-color: #CADED8;
color: #CADED8;
border-color: #CADED8;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E4DF
300
#B4D0C8
400
#8BB7A9
500
#629D8B
600
#4E7E70
700
#3F6559
800
#314F46
900
#263B35
950
#182521

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