#876047

#876047

Color Values

HEX

#876047

RGB

135, 96, 71

HSL

23.4, 31.1%, 40.4%

HSV

23.4, 47.4%, 52.9%

CMYK

0.0%, 28.9%, 47.4%, 47.1%

OKLCH

0.5236 0.0631 53.5

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#876047

#476E87

Analogous

#87474E

#878047

#876047

Triadic

#876047

#478760

#604787

Split Complementary

#876047

#478780

#474E87

Tetradic

#876047

#4E8747

#476E87

#804787

Color Blindness Simulation

Original

#876047

Protanopia

#76764D

Deuteranopia

#787B4E

Tritanopia

#855253

Achromatopsia

#666666

CSS Usage

background-color: #876047;
color: #876047;
border-color: #876047;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E6D9D0
300
#D5BEAF
400
#BE9A83
500
#A77758
600
#865F46
700
#6B4C38
800
#543B2C
900
#3E2D23
950
#271D16

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.79:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026