#DFD6CC

#DFD6CC

Color Values

HEX

#DFD6CC

RGB

223, 214, 204

HSL

31,6, 22,9%, 83,7%

HSV

31,6, 8,5%, 87,5%

CMYK

0,0%, 4,0%, 8,5%, 12,5%

OKLCH

0,8805 0,0168 70,5

Properties

Warm Light Nearest: Timberwolf

Color Harmonies

Complementary

#DFD6CC

#CCD5DF

Analogous

#DFCCCC

#DEDFCC

#DFD6CC

Triadic

#DFD6CC

#CCDFD6

#D6CCDF

Split Complementary

#DFD6CC

#CCDEDF

#CCCCDF

Tetradic

#DFD6CC

#CCDFCC

#CCD5DF

#DFCCDE

Color Blindness Simulation

Original

#DFD6CC

Protanopia

#DBDBCE

Deuteranopia

#DCDCCF

Tritanopia

#DFD0D1

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDEA
200
#E3DCD3
300
#D0C3B4
400
#B6A28B
500
#9D8162
600
#7D674F
700
#64533F
800
#4E4131
900
#3A3126
950
#251F18

Contrast Checker

Text on white

1,44:1

AA Fail AAA Fail

Text on black

14,63: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