#876F61

#876F61

Color Values

HEX

#876F61

RGB

135, 111, 97

HSL

22.1, 16.4%, 45.5%

HSV

22.1, 28.1%, 52.9%

CMYK

0.0%, 17.8%, 28.1%, 47.1%

OKLCH

0.5608 0.0371 51.9

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#876F61

#617987

Analogous

#876166

#878261

#876F61

Triadic

#876F61

#61876F

#6F6187

Split Complementary

#876F61

#618782

#616687

Tetradic

#876F61

#668761

#617987

#826187

Color Blindness Simulation

Original

#876F61

Protanopia

#7D7C64

Deuteranopia

#7E8065

Tritanopia

#866768

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1DAD5
300
#CCBFB8
400
#B09D91
500
#947A6B
600
#776255
700
#5F4E44
800
#4A3D35
900
#382F29
950
#231D1A

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

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