#877D6F

#877D6F

Color Values

HEX

#877D6F

RGB

135, 125, 111

HSL

35.0, 9.8%, 48.2%

HSV

35.0, 17.8%, 52.9%

CMYK

0.0%, 7.4%, 17.8%, 47.1%

OKLCH

0.5946 0.0241 76.4

Properties

Warm Light Nearest: RAL 7048 Pearl Mouse Grey

Color Harmonies

Complementary

#877D6F

#6F7987

Analogous

#87716F

#85876F

#877D6F

Triadic

#877D6F

#6F877D

#7D6F87

Split Complementary

#877D6F

#6F8587

#716F87

Tetradic

#877D6F

#6F8771

#6F7987

#876F85

Color Blindness Simulation

Original

#877D6F

Protanopia

#838372

Deuteranopia

#838473

Tritanopia

#867576

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDCD8
300
#C8C3BC
400
#AAA297
500
#8C8273
600
#70685C
700
#5A534A
800
#46413A
900
#35312C
950
#211F1C

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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