#DCB79D

#DCB79D

Color Values

HEX

#DCB79D

RGB

220, 183, 157

HSL

24.8, 47.4%, 73.9%

HSV

24.8, 28.6%, 86.3%

CMYK

0.0%, 16.8%, 28.6%, 13.7%

OKLCH

0.8052 0.0557 56.9

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#DCB79D

#9DC2DC

Analogous

#DC9DA2

#DCD79D

#DCB79D

Triadic

#DCB79D

#9DDCB7

#B79DDC

Split Complementary

#DCB79D

#9DDCD7

#9DA2DC

Tetradic

#DCB79D

#A2DC9D

#9DC2DC

#D79DDC

Color Blindness Simulation

Original

#DCB79D

Protanopia

#CCCCA3

Deuteranopia

#CED1A5

Tritanopia

#DAA8A9

Achromatopsia

#BDBDBD

CSS Usage

background-color: #DCB79D;
color: #DCB79D;
border-color: #DCB79D;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD8CA
300
#DFBDA5
400
#CD9974
500
#BC7543
600
#965E36
700
#784B2B
800
#5E3B22
900
#452D1C
950
#2C1C12

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.3: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