#876656

#876656

Color Values

HEX

#876656

RGB

135, 102, 86

HSL

19.6, 22.2%, 43.3%

HSV

19.6, 36.3%, 52.9%

CMYK

0.0%, 24.4%, 36.3%, 47.1%

OKLCH

0.5393 0.0492 47.1

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#876656

#567787

Analogous

#87565E

#877E56

#876656

Triadic

#876656

#568766

#665687

Split Complementary

#876656

#56877E

#565E87

Tetradic

#876656

#5E8756

#567787

#7E5687

Color Blindness Simulation

Original

#876656

Protanopia

#79785A

Deuteranopia

#7B7D5B

Tritanopia

#855D5E

Achromatopsia

#6C6C6C

CSS Usage

background-color: #876656;
color: #876656;
border-color: #876656;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E3D9D3
300
#CFBDB4
400
#B6998C
500
#9C7663
600
#7D5E4F
700
#644B3F
800
#4E3B32
900
#3A2D27
950
#251C18

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail AAA Fail

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