#CAD4D2

#CAD4D2

Color Values

HEX

#CAD4D2

RGB

202, 212, 210

HSL

168.0, 10.4%, 81.2%

HSV

168.0, 4.7%, 83.1%

CMYK

4.7%, 0.0%, 0.9%, 16.9%

OKLCH

0.8617 0.0112 182.8

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CAD4D2

#D4CACC

Analogous

#CAD4CD

#CAD1D4

#CAD4D2

Triadic

#CAD4D2

#D2CAD4

#D4D2CA

Split Complementary

#CAD4D2

#D4CAD1

#D4CDCA

Tetradic

#CAD4D2

#CDCAD4

#D4CACC

#D1D4CA

Color Blindness Simulation

Original

#CAD4D2

Protanopia

#CECED2

Deuteranopia

#CECDD3

Tritanopia

#CAD3D3

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEFEE
200
#D8DFDE
300
#BBC8C6
400
#97AAA7
500
#728D87
600
#5B716C
700
#495A57
800
#394644
900
#2C3533
950
#1C2120

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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