#7C7D83

#7C7D83

Color Values

HEX

#7C7D83

RGB

124, 125, 131

HSL

231.4, 2.7%, 50.0%

HSV

231.4, 5.3%, 51.4%

CMYK

5.3%, 4.6%, 0.0%, 48.6%

OKLCH

0.5908 0.0091 278.5

Properties

Cool Light Nearest: grey

Color Harmonies

Complementary

#7C7D83

#83827C

Analogous

#7C8083

#7F7C83

#7C7D83

Triadic

#7C7D83

#837C7D

#7D837C

Split Complementary

#7C7D83

#837F7C

#80837C

Tetradic

#7C7D83

#837C80

#83827C

#7C837F

Color Blindness Simulation

Original

#7C7D83

Protanopia

#7C7C82

Deuteranopia

#7C7C81

Tritanopia

#7C8080

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADBDC
300
#C0C1C3
400
#9E9FA3
500
#7C7D83
600
#636469
700
#4F5054
800
#3E3F41
900
#2F3032
950
#1E1E1F

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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