#DFD6BD

#DFD6BD

Color Values

HEX

#DFD6BD

RGB

223, 214, 189

HSL

44,1, 34,7%, 80,8%

HSV

44,1, 15,2%, 87,5%

CMYK

0,0%, 4,0%, 15,2%, 12,5%

OKLCH

0,8767 0,0349 90,5

Properties

Warm Light Nearest: lightyellow 3

Color Harmonies

Complementary

#DFD6BD

#BDC6DF

Analogous

#DFC5BD

#D7DFBD

#DFD6BD

Triadic

#DFD6BD

#BDDFD6

#D6BDDF

Split Complementary

#DFD6BD

#BDD7DF

#C5BDDF

Tetradic

#DFD6BD

#BDDFC5

#BDC6DF

#DFBDD7

Color Blindness Simulation

Original

#DFD6BD

Protanopia

#DBDBC3

Deuteranopia

#DCDCC4

Tritanopia

#DFC8C9

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2F0E8
200
#E8E1CF
300
#D7CCAD
400
#C1B080
500
#AC9453
600
#897743
700
#6E5F35
800
#564A2A
900
#403821
950
#282315

Contrast Checker

Text on white

1,45:1

AA Fail AAA Fail

Text on black

14,49:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026