#DCBA89

#DCBA89

Color Values

HEX

#DCBA89

RGB

220, 186, 137

HSL

35.4, 54.2%, 70.0%

HSV

35.4, 37.7%, 86.3%

CMYK

0.0%, 15.5%, 37.7%, 13.7%

OKLCH

0.8069 0.0753 76.4

Properties

Warm Light Nearest: burlywood

Color Harmonies

Complementary

#DCBA89

#89ABDC

Analogous

#DC9189

#D4DC89

#DCBA89

Triadic

#DCBA89

#89DCBA

#BA89DC

Split Complementary

#DCBA89

#89D4DC

#9189DC

Tetradic

#DCBA89

#89DC91

#89ABDC

#DC89D4

Color Blindness Simulation

Original

#DCBA89

Protanopia

#CDCD95

Deuteranopia

#CFD298

Tritanopia

#DA9EA0

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EFDFC8
300
#E3C8A1
400
#D4AA6E
500
#C58C3A
600
#9D702F
700
#7E5A25
800
#62461D
900
#483519
950
#2E2110

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026