#DCB384

#DCB384

Color Values

HEX

#DCB384

RGB

220, 179, 132

HSL

32.0, 55.7%, 69.0%

HSV

32.0, 40.0%, 86.3%

CMYK

0.0%, 18.6%, 40.0%, 13.7%

OKLCH

0.7923 0.0782 70.1

Properties

Warm Light Nearest: burlywood

Color Harmonies

Complementary

#DCB384

#84ADDC

Analogous

#DC8784

#D9DC84

#DCB384

Triadic

#DCB384

#84DCB3

#B384DC

Split Complementary

#DCB384

#84D9DC

#8784DC

Tetradic

#DCB384

#84DC87

#84ADDC

#DC84D9

Color Blindness Simulation

Original

#DCB384

Protanopia

#CACA8F

Deuteranopia

#CDD092

Tritanopia

#DA989A

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EEE5
200
#EFDDC7
300
#E4C4A0
400
#D5A46C
500
#C78438
600
#9F6A2D
700
#7F5524
800
#63421C
900
#493218
950
#2E200F

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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