#DCD9CC

#DCD9CC

Color Values

HEX

#DCD9CC

RGB

220, 217, 204

HSL

48.7, 18.6%, 83.1%

HSV

48.7, 7.3%, 86.3%

CMYK

0.0%, 1.4%, 7.3%, 13.7%

OKLCH

0.8841 0.0178 96.1

Properties

Warm Light Nearest: Timberwolf

Color Harmonies

Complementary

#DCD9CC

#CCCFDC

Analogous

#DCD1CC

#D7DCCC

#DCD9CC

Triadic

#DCD9CC

#CCDCD9

#D9CCDC

Split Complementary

#DCD9CC

#CCD7DC

#D1CCDC

Tetradic

#DCD9CC

#CCDCD1

#CCCFDC

#DCCCD7

Color Blindness Simulation

Original

#DCD9CC

Protanopia

#DBDBCF

Deuteranopia

#DBDBD0

Tritanopia

#DCD2D2

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2DFD5
300
#CDC9B6
400
#B2AC8F
500
#978E68
600
#797253
700
#615B42
800
#4C4734
900
#393628
950
#242219

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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