#DFD3BD

#DFD3BD

Color Values

HEX

#DFD3BD

RGB

223, 211, 189

HSL

38.8, 34.7%, 80.8%

HSV

38.8, 15.2%, 87.5%

CMYK

0.0%, 5.4%, 15.2%, 12.5%

OKLCH

0.8707 0.0324 82.8

Properties

Warm Light Nearest: cornsilk 3

Color Harmonies

Complementary

#DFD3BD

#BDC9DF

Analogous

#DFC2BD

#DADFBD

#DFD3BD

Triadic

#DFD3BD

#BDDFD3

#D3BDDF

Split Complementary

#DFD3BD

#BDDADF

#C2BDDF

Tetradic

#DFD3BD

#BDDFC2

#BDC9DF

#DFBDDA

Color Blindness Simulation

Original

#DFD3BD

Protanopia

#DADAC2

Deuteranopia

#DADBC4

Tritanopia

#DEC7C7

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E8DFCF
300
#D7C8AD
400
#C1AA80
500
#AC8C53
600
#897043
700
#6E5A35
800
#56462A
900
#403521
950
#282115

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.19:1

AA Pass AAA Pass

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026