#877D87

#877D87

Color Values

HEX

#877D87

RGB

135, 125, 135

HSL

300.0, 4.0%, 51.0%

HSV

300.0, 7.4%, 52.9%

CMYK

0.0%, 7.4%, 0.0%, 47.1%

OKLCH

0.6019 0.0191 325.8

Properties

Warm Light Nearest: thistle 4

Color Harmonies

Complementary

#877D87

#7D877D

Analogous

#827D87

#877D82

#877D87

Triadic

#877D87

#87877D

#7D8787

Split Complementary

#877D87

#82877D

#7D8782

Tetradic

#877D87

#87827D

#7D877D

#7D8287

Color Blindness Simulation

Original

#877D87

Protanopia

#838385

Deuteranopia

#838484

Tritanopia

#868382

Achromatopsia

#808080

CSS Usage

background-color: #877D87;
color: #877D87;
border-color: #877D87;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F8
100
#EEEDEE
200
#DDDADD
300
#C4BFC4
400
#A49DA4
500
#857A85
600
#6A626A
700
#554E55
800
#423D42
900
#322F32
950
#201D20

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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