#7C7F83

#7C7F83

Color Values

HEX

#7C7F83

RGB

124, 127, 131

HSL

214.3, 2.7%, 50.0%

HSV

214.3, 5.3%, 51.4%

CMYK

5.3%, 3.1%, 0.0%, 48.6%

OKLCH

0.5952 0.007 255.5

Properties

Cool Light Nearest: grey

Color Harmonies

Complementary

#7C7F83

#83807C

Analogous

#7C8283

#7D7C83

#7C7F83

Triadic

#7C7F83

#837C7F

#7F837C

Split Complementary

#7C7F83

#837D7C

#82837C

Tetradic

#7C7F83

#837C82

#83807C

#7C837D

Color Blindness Simulation

Original

#7C7F83

Protanopia

#7D7D82

Deuteranopia

#7D7D82

Tritanopia

#7C8181

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADBDC
300
#C0C2C3
400
#9EA0A3
500
#7C7F83
600
#636669
700
#4F5154
800
#3E4041
900
#2F3032
950
#1E1E1F

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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