#7F8997

#7F8997

Color Values

HEX

#7F8997

RGB

127, 137, 151

HSL

215.0, 10.3%, 54.5%

HSV

215.0, 15.9%, 59.2%

CMYK

15.9%, 9.3%, 0.0%, 40.8%

OKLCH

0.6266 0.0241 256.8

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7F8997

#978D7F

Analogous

#7F9597

#817F97

#7F8997

Triadic

#7F8997

#977F89

#89977F

Split Complementary

#7F8997

#97817F

#95977F

Tetradic

#7F8997

#977F95

#978D7F

#7F9781

Color Blindness Simulation

Original

#7F8997

Protanopia

#838394

Deuteranopia

#838293

Tritanopia

#7F9190

Achromatopsia

#888888

CSS Usage

background-color: #7F8997;
color: #7F8997;
border-color: #7F8997;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#ECEDEF
200
#D8DBDF
300
#BBC1C8
400
#979FAA
500
#727D8D
600
#5B6471
700
#49505A
800
#393F46
900
#2C3035
950
#1C1E21

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

5.93:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026