#87717F

#87717F

Color Values

HEX

#87717F

RGB

135, 113, 127

HSL

321.8, 8.9%, 48.6%

HSV

321.8, 16.3%, 52.9%

CMYK

0.0%, 16.3%, 5.9%, 47.1%

OKLCH

0.574 0.0342 339.8

Properties

Warm Light Nearest: thistle 4

Color Harmonies

Complementary

#87717F

#718779

Analogous

#847187

#877174

#87717F

Triadic

#87717F

#7F8771

#717F87

Split Complementary

#87717F

#748771

#718784

Tetradic

#87717F

#878471

#718779

#717487

Color Blindness Simulation

Original

#87717F

Protanopia

#7D7D7C

Deuteranopia

#7F807B

Tritanopia

#867978

Achromatopsia

#777777

CSS Usage

background-color: #87717F;
color: #87717F;
border-color: #87717F;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DED8DC
300
#C7BCC3
400
#A998A3
500
#8B7483
600
#6F5D68
700
#594A54
800
#453A41
900
#342D32
950
#211C1F

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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