#DFD4C8

#DFD4C8

Color Values

HEX

#DFD4C8

RGB

223, 212, 200

HSL

31.3, 26.4%, 82.9%

HSV

31.3, 10.3%, 87.5%

CMYK

0.0%, 4.9%, 10.3%, 12.5%

OKLCH

0.8755 0.0203 70.0

Properties

Warm Light Nearest: Timberwolf

Color Harmonies

Complementary

#DFD4C8

#C8D3DF

Analogous

#DFC8C8

#DEDFC8

#DFD4C8

Triadic

#DFD4C8

#C8DFD4

#D4C8DF

Split Complementary

#DFD4C8

#C8DEDF

#C8C8DF

Tetradic

#DFD4C8

#C8DFC8

#C8D3DF

#DFC8DE

Color Blindness Simulation

Original

#DFD4C8

Protanopia

#DADACB

Deuteranopia

#DBDCCC

Tritanopia

#DECDCE

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDE9
200
#E5DCD2
300
#D2C3B2
400
#BAA288
500
#A1815E
600
#81674B
700
#67533C
800
#51402F
900
#3C3125
950
#261F17

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026