#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026