#DCB87B

#DCB87B

Color Values

HEX

#DCB87B

RGB

220, 184, 123

HSL

37.7, 58.1%, 67.3%

HSV

37.7, 44.1%, 86.3%

CMYK

0.0%, 16.4%, 44.1%, 13.7%

OKLCH

0.8005 0.0888 80.1

Properties

Warm Light Nearest: burlywood

Color Harmonies

Complementary

#DCB87B

#7B9FDC

Analogous

#DC887B

#D0DC7B

#DCB87B

Triadic

#DCB87B

#7BDCB8

#B87BDC

Split Complementary

#DCB87B

#7BD0DC

#887BDC

Tetradic

#DCB87B

#7BDC88

#7B9FDC

#DC7BD0

Color Blindness Simulation

Original

#DCB87B

Protanopia

#CCCC8A

Deuteranopia

#CED18D

Tritanopia

#DA9598

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EFE4
200
#F0E1C7
300
#E5CB9E
400
#D7AF6A
500
#CA9335
600
#A1752B
700
#815E22
800
#65491B
900
#4A3717
950
#2F230F

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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