#D2CCC6

#D2CCC6

Color Values

HEX

#D2CCC6

RGB

210, 204, 198

HSL

30,0, 11,8%, 80,0%

HSV

30,0, 5,7%, 82,4%

CMYK

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

OKLCH

0,8483 0,0106 67,7

Properties

Warm Light Nearest: seashell 3

Color Harmonies

Complementary

#D2CCC6

#C6CCD2

Analogous

#D2C6C6

#D2D2C6

#D2CCC6

Triadic

#D2CCC6

#C6D2CC

#CCC6D2

Split Complementary

#D2CCC6

#C6D2D2

#C6C6D2

Tetradic

#D2CCC6

#C6D2C6

#C6CCD2

#D2C6D2

Color Blindness Simulation

Original

#D2CCC6

Protanopia

#CFCFC7

Deuteranopia

#D0D0C8

Tritanopia

#D2C9C9

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#E0DBD7
300
#C9C2BB
400
#ACA196
500
#8F8070
600
#72665A
700
#5B5248
800
#474038
900
#36302B
950
#221F1B

Contrast Checker

Text on white

1,59:1

AA Fail AAA Fail

Text on black

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