#7C7C80

#7C7C80

Color Values

HEX

#7C7C80

RGB

124, 124, 128

HSL

240.0, 1.6%, 49.4%

HSV

240.0, 3.1%, 50.2%

CMYK

3.1%, 3.1%, 0.0%, 49.8%

OKLCH

0.5876 0.006 286.2

Properties

Cool Light Nearest: grey

Color Harmonies

Complementary

#7C7C80

#80807C

Analogous

#7C7E80

#7E7C80

#7C7C80

Triadic

#7C7C80

#807C7C

#7C807C

Split Complementary

#7C7C80

#807E7C

#7E807C

Tetradic

#7C7C80

#807C7E

#80807C

#7C807E

Color Blindness Simulation

Original

#7C7C80

Protanopia

#7C7C7F

Deuteranopia

#7C7C7F

Tritanopia

#7C7E7E

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DBDBDC
300
#C1C1C3
400
#9F9FA2
500
#7D7D82
600
#646468
700
#505053
800
#3F3F41
900
#303031
950
#1E1E1F

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.05:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026