#DFDCCF

#DFDCCF

Color Values

HEX

#DFDCCF

RGB

223, 220, 207

HSL

48.8, 20.0%, 84.3%

HSV

48.8, 7.2%, 87.5%

CMYK

0.0%, 1.3%, 7.2%, 12.5%

OKLCH

0.8933 0.0178 96.1

Properties

Warm Light Nearest: Timberwolf

Color Harmonies

Complementary

#DFDCCF

#CFD2DF

Analogous

#DFD4CF

#DADFCF

#DFDCCF

Triadic

#DFDCCF

#CFDFDC

#DCCFDF

Split Complementary

#DFDCCF

#CFDADF

#D4CFDF

Tetradic

#DFDCCF

#CFDFD4

#CFD2DF

#DFCFDA

Color Blindness Simulation

Original

#DFDCCF

Protanopia

#DEDED2

Deuteranopia

#DEDED3

Tritanopia

#DFD5D5

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2E0D4
300
#CEC9B6
400
#B4AC8E
500
#998F66
600
#7A7352
700
#625C41
800
#4D4833
900
#393628
950
#242219

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026