#D2CCC3

#D2CCC3

Color Values

HEX

#D2CCC3

RGB

210, 204, 195

HSL

36,0, 14,3%, 79,4%

HSV

36,0, 7,1%, 82,4%

CMYK

0,0%, 2,9%, 7,1%, 17,6%

OKLCH

0,8475 0,014 78,3

Properties

Warm Light Nearest: ivory 3

Color Harmonies

Complementary

#D2CCC3

#C3C9D2

Analogous

#D2C4C3

#D0D2C3

#D2CCC3

Triadic

#D2CCC3

#C3D2CC

#CCC3D2

Split Complementary

#D2CCC3

#C3D0D2

#C4C3D2

Tetradic

#D2CCC3

#C3D2C4

#C3C9D2

#D2C3D0

Color Blindness Simulation

Original

#D2CCC3

Protanopia

#CFCFC5

Deuteranopia

#D0D0C6

Tritanopia

#D2C7C7

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E0DCD6
300
#CBC4B9
400
#AEA393
500
#92836D
600
#756957
700
#5D5446
800
#494237
900
#37322A
950
#231F1B

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

13,17: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