#CAD6CE

#CAD6CE

Color Values

HEX

#CAD6CE

RGB

202, 214, 206

HSL

140.0, 12.8%, 81.6%

HSV

140.0, 5.6%, 83.9%

CMYK

5.6%, 0.0%, 3.7%, 16.1%

OKLCH

0.8647 0.0169 156.9

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#CAD6CE

#D6CAD2

Analogous

#CCD6CA

#CAD6D4

#CAD6CE

Triadic

#CAD6CE

#CECAD6

#D6CECA

Split Complementary

#CAD6CE

#D4CAD6

#D6CACC

Tetradic

#CAD6CE

#CACCD6

#D6CAD2

#D6D4CA

Color Blindness Simulation

Original

#CAD6CE

Protanopia

#CFCFD0

Deuteranopia

#CECED0

Tritanopia

#CBD1D2

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7E0DA
300
#BACABF
400
#95AD9D
500
#6F907A
600
#597362
700
#475C4E
800
#38483D
900
#2B362F
950
#1B221D

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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