#DCDDD4

#DCDDD4

Color Values

HEX

#DCDDD4

RGB

220, 221, 212

HSL

66.7, 11.7%, 84.9%

HSV

66.7, 4.1%, 86.7%

CMYK

0.5%, 0.0%, 4.1%, 13.3%

OKLCH

0.8943 0.0122 111.8

Properties

Cool Light Nearest: Timberwolf

Color Harmonies

Complementary

#DCDDD4

#D5D4DD

Analogous

#DDDAD4

#D7DDD4

#DCDDD4

Triadic

#DCDDD4

#D4DCDD

#DDD4DC

Split Complementary

#DCDDD4

#D4D7DD

#DAD4DD

Tetradic

#DCDDD4

#D4DDDA

#D5D4DD

#DDD4D7

Color Blindness Simulation

Original

#DCDDD4

Protanopia

#DCDCD6

Deuteranopia

#DCDCD7

Tritanopia

#DCD8D8

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEFEB
200
#DFDFD7
300
#C7C9BB
400
#A9AC96
500
#8B8E71
600
#6F725A
700
#595B48
800
#464738
900
#34362B
950
#21221B

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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