#87787F

#87787F

Color Values

HEX

#87787F

RGB

135, 120, 127

HSL

332.0, 5.9%, 50.0%

HSV

332.0, 11.1%, 52.9%

CMYK

0.0%, 11.1%, 5.9%, 47.1%

OKLCH

0.5886 0.0211 347.8

Properties

Warm Light Nearest: lavenderblush 4

Color Harmonies

Complementary

#87787F

#788780

Analogous

#877887

#877878

#87787F

Triadic

#87787F

#7F8778

#787F87

Split Complementary

#87787F

#788778

#788787

Tetradic

#87787F

#878778

#788780

#787887

Color Blindness Simulation

Original

#87787F

Protanopia

#81807D

Deuteranopia

#81827D

Tritanopia

#867C7C

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DDD9DB
300
#C5BEC2
400
#A69BA0
500
#87787F
600
#6C6066
700
#564D51
800
#443C3F
900
#332E30
950
#201D1E

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.02:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026