#877F6D

#877F6D

Color Values

HEX

#877F6D

RGB

135, 127, 109

HSL

41.5, 10.7%, 47.8%

HSV

41.5, 19.3%, 52.9%

CMYK

0.0%, 5.9%, 19.3%, 47.1%

OKLCH

0.5984 0.0281 86.9

Properties

Warm Light Nearest: bisque 4

Color Harmonies

Complementary

#877F6D

#6D7587

Analogous

#87726D

#82876D

#877F6D

Triadic

#877F6D

#6D877F

#7F6D87

Split Complementary

#877F6D

#6D8287

#726D87

Tetradic

#877F6D

#6D8772

#6D7587

#876D82

Color Blindness Simulation

Original

#877F6D

Protanopia

#848371

Deuteranopia

#848572

Tritanopia

#877576

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEC
200
#DFDDD7
300
#C8C4BB
400
#ABA597
500
#8D8572
600
#716A5B
700
#5A5549
800
#474239
900
#35322C
950
#22201C

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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