#DCB59D

#DCB59D

Color Values

HEX

#DCB59D

RGB

220, 181, 157

HSL

22.9, 47.4%, 73.9%

HSV

22.9, 28.6%, 86.3%

CMYK

0.0%, 17.7%, 28.6%, 13.7%

OKLCH

0.8014 0.0561 53.3

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#DCB59D

#9DC4DC

Analogous

#DC9DA4

#DCD59D

#DCB59D

Triadic

#DCB59D

#9DDCB5

#B59DDC

Split Complementary

#DCB59D

#9DDCD5

#9DA4DC

Tetradic

#DCB59D

#A4DC9D

#9DC4DC

#D59DDC

Color Blindness Simulation

Original

#DCB59D

Protanopia

#CBCBA3

Deuteranopia

#CDD0A4

Tritanopia

#DAA7A8

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EBE6
200
#ECD7CA
300
#DFBBA5
400
#CD9674
500
#BC7143
600
#965B36
700
#78482B
800
#5E3922
900
#452C1C
950
#2C1C12

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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