#DFD1BC

#DFD1BC

Color Values

HEX

#DFD1BC

RGB

223, 209, 188

HSL

36,0, 35,4%, 80,6%

HSV

36,0, 15,7%, 87,5%

CMYK

0,0%, 6,3%, 15,7%, 12,5%

OKLCH

0,8665 0,0323 78,1

Properties

Warm Light Nearest: cornsilk 3

Color Harmonies

Complementary

#DFD1BC

#BCCADF

Analogous

#DFC0BC

#DCDFBC

#DFD1BC

Triadic

#DFD1BC

#BCDFD1

#D1BCDF

Split Complementary

#DFD1BC

#BCDCDF

#C0BCDF

Tetradic

#DFD1BC

#BCDFC0

#BCCADF

#DFBCDC

Color Blindness Simulation

Original

#DFD1BC

Protanopia

#D9D9C1

Deuteranopia

#DADBC2

Tritanopia

#DEC5C6

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE8
200
#E8DECF
300
#D7C6AC
400
#C2A77F
500
#AD8952
600
#8A6D42
700
#6E5735
800
#564429
900
#403421
950
#282115

Contrast Checker

Text on white

1,5:1

AA Fail AAA Fail

Text on black

13,98: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