#7C7C84

#7C7C84

Color Values

HEX

#7C7C84

RGB

124, 124, 132

HSL

240.0, 3.1%, 50.2%

HSV

240.0, 6.1%, 51.8%

CMYK

6.1%, 6.1%, 0.0%, 48.2%

OKLCH

0.589 0.0121 286.0

Properties

Cool Light Nearest: grey

Color Harmonies

Complementary

#7C7C84

#84847C

Analogous

#7C8084

#807C84

#7C7C84

Triadic

#7C7C84

#847C7C

#7C847C

Split Complementary

#7C7C84

#84807C

#80847C

Tetradic

#7C7C84

#847C80

#84847C

#7C8480

Color Blindness Simulation

Original

#7C7C84

Protanopia

#7C7C82

Deuteranopia

#7C7C82

Tritanopia

#7C8180

Achromatopsia

#7D7D7D

CSS Usage

background-color: #7C7C84;
color: #7C7C84;
border-color: #7C7C84;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADADC
300
#C0C0C4
400
#9E9EA4
500
#7C7C83
600
#636369
700
#4F4F54
800
#3E3E42
900
#2F2F32
950
#1E1E1F

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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