#CCD7D0

#CCD7D0

Color Values

HEX

#CCD7D0

RGB

204, 215, 208

HSL

141.8, 12.1%, 82.2%

HSV

141.8, 5.1%, 84.3%

CMYK

5.1%, 0.0%, 3.3%, 15.7%

OKLCH

0.8688 0.0152 158.2

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#CCD7D0

#D7CCD3

Analogous

#CED7CC

#CCD7D6

#CCD7D0

Triadic

#CCD7D0

#D0CCD7

#D7D0CC

Split Complementary

#CCD7D0

#D6CCD7

#D7CCCE

Tetradic

#CCD7D0

#CCCED7

#D7CCD3

#D7D6CC

Color Blindness Simulation

Original

#CCD7D0

Protanopia

#D1D1D2

Deuteranopia

#D0CFD2

Tritanopia

#CDD3D3

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7E0DA
300
#BAC9C0
400
#95AC9E
500
#708F7B
600
#5A7263
700
#485B4F
800
#38473E
900
#2B362F
950
#1B221E

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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