#CAD8DA

#CAD8DA

Color Values

HEX

#CAD8DA

RGB

202, 216, 218

HSL

187.5, 17.8%, 82.4%

HSV

187.5, 7.3%, 85.5%

CMYK

7.3%, 0.9%, 0.0%, 14.5%

OKLCH

0.8722 0.0154 207.1

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CAD8DA

#DACCCA

Analogous

#CADAD4

#CAD0DA

#CAD8DA

Triadic

#CAD8DA

#DACAD8

#D8DACA

Split Complementary

#CAD8DA

#DACAD0

#DAD4CA

Tetradic

#CAD8DA

#D4CADA

#DACCCA

#D0DACA

Color Blindness Simulation

Original

#CAD8DA

Protanopia

#D0D0DA

Deuteranopia

#CFCED9

Tritanopia

#CBD9D9

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5E0E2
300
#B7CACD
400
#90ADB1
500
#699196
600
#547478
700
#435C60
800
#34484B
900
#293638
950
#1A2224

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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