#787A7F

#787A7F

Color Values

HEX

#787A7F

RGB

120, 122, 127

HSL

222.9, 2.8%, 48.4%

HSV

222.9, 5.5%, 49.8%

CMYK

5.5%, 3.9%, 0.0%, 50.2%

OKLCH

0.5794 0.008 268.5

Properties

Cool Light Nearest: grey

Color Harmonies

Complementary

#787A7F

#7F7D78

Analogous

#787D7F

#79787F

#787A7F

Triadic

#787A7F

#7F787A

#7A7F78

Split Complementary

#787A7F

#7F7978

#7D7F78

Tetradic

#787A7F

#7F787D

#7F7D78

#787F79

Color Blindness Simulation

Original

#787A7F

Protanopia

#79797E

Deuteranopia

#79797E

Tritanopia

#787D7D

Achromatopsia

#7A7A7A

CSS Usage

background-color: #787A7F;
color: #787A7F;
border-color: #787A7F;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADBDC
300
#C0C1C4
400
#9EA0A3
500
#7C7E83
600
#636569
700
#4F5154
800
#3E3F42
900
#2F3032
950
#1E1E1F

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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