#DFD4B6

#DFD4B6

Color Values

HEX

#DFD4B6

RGB

223, 212, 182

HSL

43,9, 39,0%, 79,4%

HSV

43,9, 18,4%, 87,5%

CMYK

0,0%, 4,9%, 18,4%, 12,5%

OKLCH

0,871 0,0418 90,3

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#DFD4B6

#B6C1DF

Analogous

#DFBFB6

#D5DFB6

#DFD4B6

Triadic

#DFD4B6

#B6DFD4

#D4B6DF

Split Complementary

#DFD4B6

#B6D5DF

#BFB6DF

Tetradic

#DFD4B6

#B6DFBF

#B6C1DF

#DFB6D5

Color Blindness Simulation

Original

#DFD4B6

Protanopia

#DADABD

Deuteranopia

#DBDCBF

Tritanopia

#DEC3C4

Achromatopsia

#D4D4D4

CSS Usage

background-color: #DFD4B6;
color: #DFD4B6;
border-color: #DFD4B6;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FAF9F5
100
#F3F0E7
200
#E9E2CD
300
#DACDAA
400
#C5B27C
500
#B1974E
600
#8E783E
700
#716032
800
#594B27
900
#41381F
950
#292414

Contrast Checker

Text on white

1,48:1

AA Fail AAA Fail

Text on black

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