#CAD2D6

#CAD2D6

Color Values

HEX

#CAD2D6

RGB

202, 210, 214

HSL

200.0, 12.8%, 81.6%

HSV

200.0, 5.6%, 83.9%

CMYK

5.6%, 1.9%, 0.0%, 16.1%

OKLCH

0.8588 0.0104 228.9

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CAD2D6

#D6CECA

Analogous

#CAD6D4

#CACCD6

#CAD2D6

Triadic

#CAD2D6

#D6CAD2

#D2D6CA

Split Complementary

#CAD2D6

#D6CACC

#D6D4CA

Tetradic

#CAD2D6

#D4CAD6

#D6CECA

#CCD6CA

Color Blindness Simulation

Original

#CAD2D6

Protanopia

#CDCED5

Deuteranopia

#CDCCD5

Tritanopia

#CAD4D4

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DDE0
300
#BAC4CA
400
#95A5AD
500
#6F8590
600
#596A73
700
#47555C
800
#384248
900
#2B3236
950
#1B2022

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.7:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026