#D2CCC0

#D2CCC0

Color Values

HEX

#D2CCC0

RGB

210, 204, 192

HSL

40.0, 16.7%, 78.8%

HSV

40.0, 8.6%, 82.4%

CMYK

0.0%, 2.9%, 8.6%, 17.6%

OKLCH

0.8467 0.0177 84.6

Properties

Warm Light Nearest: ivory 3

Color Harmonies

Complementary

#D2CCC0

#C0C6D2

Analogous

#D2C3C0

#CFD2C0

#D2CCC0

Triadic

#D2CCC0

#C0D2CC

#CCC0D2

Split Complementary

#D2CCC0

#C0CFD2

#C3C0D2

Tetradic

#D2CCC0

#C0D2C3

#C0C6D2

#D2C0CF

Color Blindness Simulation

Original

#D2CCC0

Protanopia

#CFCFC3

Deuteranopia

#D0D0C4

Tritanopia

#D2C5C6

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#F0EEEB
200
#E1DDD5
300
#CCC5B8
400
#B0A691
500
#95876A
600
#776C55
700
#5F5644
800
#4A4335
900
#383329
950
#23201A

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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