#CCD2C7

#CCD2C7

Color Values

HEX

#CCD2C7

RGB

204, 210, 199

HSL

92.7, 10.9%, 80.2%

HSV

92.7, 5.2%, 82.4%

CMYK

2.9%, 0.0%, 5.2%, 17.6%

OKLCH

0.856 0.0163 130.4

Properties

Cool Light Nearest: ivory 3

Color Harmonies

Complementary

#CCD2C7

#CDC7D2

Analogous

#D2D2C7

#C7D2C8

#CCD2C7

Triadic

#CCD2C7

#C7CCD2

#D2C7CC

Split Complementary

#CCD2C7

#C8C7D2

#D2C7D2

Tetradic

#CCD2C7

#C7D2D2

#CDC7D2

#D2C8C7

Color Blindness Simulation

Original

#CCD2C7

Protanopia

#CFCFCA

Deuteranopia

#CECECA

Tritanopia

#CCCCCC

Achromatopsia

#D0D0D0

CSS Usage

background-color: #CCD2C7;
color: #CCD2C7;
border-color: #CCD2C7;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F7F8F7
100
#EDEFEB
200
#DBDFD7
300
#C1C8BB
400
#A0AB96
500
#7E8D72
600
#65715B
700
#515A49
800
#3F4739
900
#30352C
950
#1E221C

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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