#DCB877

#DCB877

Color Values

HEX

#DCB877

RGB

220, 184, 119

HSL

38.6, 59.1%, 66.5%

HSV

38.6, 45.9%, 86.3%

CMYK

0.0%, 16.4%, 45.9%, 13.7%

OKLCH

0.7998 0.0928 81.5

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#DCB877

#779BDC

Analogous

#DC8677

#CEDC77

#DCB877

Triadic

#DCB877

#77DCB8

#B877DC

Split Complementary

#DCB877

#77CEDC

#8677DC

Tetradic

#DCB877

#77DC86

#779BDC

#DC77CE

Color Blindness Simulation

Original

#DCB877

Protanopia

#CCCC87

Deuteranopia

#CED18A

Tritanopia

#DA9396

Achromatopsia

#BBBBBB

CSS Usage

background-color: #DCB877;
color: #DCB877;
border-color: #DCB877;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF8F4
100
#F6F0E4
200
#F0E1C6
300
#E6CC9E
400
#D8B169
500
#CB9534
600
#A2772A
700
#825F21
800
#654B1A
900
#4A3817
950
#2F230E

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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