#877F61

#877F61

Color Values

HEX

#877F61

RGB

135, 127, 97

HSL

47.4, 16.4%, 45.5%

HSV

47.4, 28.1%, 52.9%

CMYK

0.0%, 5.9%, 28.1%, 47.1%

OKLCH

0.5955 0.0443 94.9

Properties

Warm Light Nearest: wheat 4

Color Harmonies

Complementary

#877F61

#616987

Analogous

#876C61

#7C8761

#877F61

Triadic

#877F61

#61877F

#7F6187

Split Complementary

#877F61

#617C87

#6C6187

Tetradic

#877F61

#61876C

#616987

#87617C

Color Blindness Simulation

Original

#877F61

Protanopia

#848368

Deuteranopia

#84856A

Tritanopia

#876E6F

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#F0EFEB
200
#E1DFD5
300
#CCC8B8
400
#B0AA91
500
#948C6B
600
#777055
700
#5F5944
800
#4A4635
900
#383529
950
#23211A

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

5.24:1

AA Pass AAA Fail

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