#CAD1CD

#CAD1CD

Color Values

HEX

#CAD1CD

RGB

202, 209, 205

HSL

145,7, 7,1%, 80,6%

HSV

145,7, 3,3%, 82,0%

CMYK

3,3%, 0,0%, 1,9%, 18,0%

OKLCH

0,8541 0,0094 161,3

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CAD1CD

#D1CACE

Analogous

#CBD1CA

#CAD1D1

#CAD1CD

Triadic

#CAD1CD

#CDCAD1

#D1CDCA

Split Complementary

#CAD1CD

#D1CAD1

#D1CACB

Tetradic

#CAD1CD

#CACBD1

#D1CACE

#D1D1CA

Color Blindness Simulation

Original

#CAD1CD

Protanopia

#CDCDCE

Deuteranopia

#CDCCCE

Tritanopia

#CACFCF

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#D9DEDB
300
#BDC6C1
400
#9AA7A0
500
#76897E
600
#5F6D65
700
#4C5751
800
#3B443F
900
#2D3430
950
#1D211E

Contrast Checker

Text on white

1,55:1

AA Fail AAA Fail

Text on black

13,51:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026