#7F8684

#7F8684

Color Values

HEX

#7F8684

RGB

127, 134, 132

HSL

162.9, 2.8%, 51.2%

HSV

162.9, 5.2%, 52.5%

CMYK

5.2%, 0.0%, 1.5%, 47.5%

OKLCH

0.6136 0.0088 177.1

Properties

Cool Light Nearest: azure 4

Color Harmonies

Complementary

#7F8684

#867F81

Analogous

#7F8681

#7F8586

#7F8684

Triadic

#7F8684

#847F86

#86847F

Split Complementary

#7F8684

#867F85

#86817F

Tetradic

#7F8684

#817F86

#867F81

#85867F

Color Blindness Simulation

Original

#7F8684

Protanopia

#828284

Deuteranopia

#828185

Tritanopia

#7F8585

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DADCDC
300
#C0C4C3
400
#9EA3A2
500
#7C8381
600
#636967
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