#7F8587

#7F8587

Color Values

HEX

#7F8587

RGB

127, 133, 135

HSL

195.0, 3.2%, 51.4%

HSV

195.0, 5.9%, 52.9%

CMYK

5.9%, 1.5%, 0.0%, 47.1%

OKLCH

0.6123 0.0077 219.6

Properties

Cool Light Nearest: azure 4

Color Harmonies

Complementary

#7F8587

#87817F

Analogous

#7F8785

#7F8187

#7F8587

Triadic

#7F8587

#877F85

#85877F

Split Complementary

#7F8587

#877F81

#87857F

Tetradic

#7F8587

#857F87

#87817F

#81877F

Color Blindness Simulation

Original

#7F8587

Protanopia

#828287

Deuteranopia

#818186

Tritanopia

#7F8686

Achromatopsia

#848484

CSS Usage

background-color: #7F8587;
color: #7F8587;
border-color: #7F8587;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADCDC
300
#C0C3C4
400
#9EA2A4
500
#7B8284
600
#636869
700
#4F5354
800
#3E4142
900
#2F3132
950
#1E1F1F

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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