#7F7980

#7F7980

Color Values

HEX

#7F7980

RGB

127, 121, 128

HSL

291.4, 2.8%, 48.8%

HSV

291.4, 5.5%, 50.2%

CMYK

0.8%, 5.5%, 0.0%, 49.8%

OKLCH

0.5837 0.0127 321.3

Properties

Cool Light Nearest: lavenderblush 4

Color Harmonies

Complementary

#7F7980

#7A8079

Analogous

#7B7980

#80797D

#7F7980

Triadic

#7F7980

#807F79

#79807F

Split Complementary

#7F7980

#7D8079

#79807B

Tetradic

#7F7980

#807B79

#7A8079

#797D80

Color Blindness Simulation

Original

#7F7980

Protanopia

#7C7C7E

Deuteranopia

#7D7D7E

Tritanopia

#7F7D7D

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DCDADC
300
#C3C0C4
400
#A39EA3
500
#827C83
600
#686369
700
#534F54
800
#413E42
900
#312F32
950
#1F1E1F

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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