#DCDDD2

#DCDDD2

Color Values

HEX

#DCDDD2

RGB

220, 221, 210

HSL

65.5, 13.9%, 84.5%

HSV

65.5, 5.0%, 86.7%

CMYK

0.5%, 0.0%, 5.0%, 13.3%

OKLCH

0.8937 0.0148 110.9

Properties

Cool Light Nearest: Timberwolf

Color Harmonies

Complementary

#DCDDD2

#D3D2DD

Analogous

#DDD8D2

#D6DDD2

#DCDDD2

Triadic

#DCDDD2

#D2DCDD

#DDD2DC

Split Complementary

#DCDDD2

#D2D6DD

#D8D2DD

Tetradic

#DCDDD2

#D2DDD8

#D3D2DD

#DDD2D6

Color Blindness Simulation

Original

#DCDDD2

Protanopia

#DCDCD5

Deuteranopia

#DCDCD5

Tritanopia

#DCD7D7

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#DFE0D6
300
#C9CAB9
400
#ABAE94
500
#8E916E
600
#727458
700
#5B5D46
800
#474937
900
#35372A
950
#22221B

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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