#7F8685

#7F8685

Color Values

HEX

#7F8685

RGB

127, 134, 133

HSL

171.4, 2.8%, 51.2%

HSV

171.4, 5.2%, 52.5%

CMYK

5.2%, 0.0%, 0.7%, 47.5%

OKLCH

0.6139 0.0084 186.7

Properties

Cool Light Nearest: azure 4

Color Harmonies

Complementary

#7F8685

#867F80

Analogous

#7F8682

#7F8486

#7F8685

Triadic

#7F8685

#857F86

#86857F

Split Complementary

#7F8685

#867F84

#86827F

Tetradic

#7F8685

#827F86

#867F80

#84867F

Color Blindness Simulation

Original

#7F8685

Protanopia

#828285

Deuteranopia

#828185

Tritanopia

#7F8585

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DADCDC
300
#C0C4C3
400
#9EA3A3
500
#7C8382
600
#636968
700
#4F5453
800
#3E4241
900
#2F3231
950
#1E1F1F

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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