#877F60

#877F60

Color Values

HEX

#877F60

RGB

135, 127, 96

HSL

47.7, 16.9%, 45.3%

HSV

47.7, 28.9%, 52.9%

CMYK

0.0%, 5.9%, 28.9%, 47.1%

OKLCH

0.5953 0.0456 95.3

Properties

Warm Light Nearest: wheat 4

Color Harmonies

Complementary

#877F60

#606887

Analogous

#876C60

#7C8760

#877F60

Triadic

#877F60

#60877F

#7F6087

Split Complementary

#877F60

#607C87

#6C6087

Tetradic

#877F60

#60876C

#606887

#87607C

Color Blindness Simulation

Original

#877F60

Protanopia

#848367

Deuteranopia

#848569

Tritanopia

#876D6F

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#F0EFEB
200
#E1DFD5
300
#CCC8B7
400
#B1AA91
500
#958C6A
600
#777055
700
#5F5A44
800
#4B4635
900
#383529
950
#23211A

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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