#7F5674

#7F5674

Color Values

HEX

#7F5674

RGB

127, 86, 116

HSL

316.1, 19.2%, 41.8%

HSV

316.1, 32.3%, 49.8%

CMYK

0.0%, 32.3%, 8.7%, 50.2%

OKLCH

0.5077 0.0691 336.8

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#7F5674

#567F61

Analogous

#76567F

#7F5660

#7F5674

Triadic

#7F5674

#747F56

#56747F

Split Complementary

#7F5674

#607F56

#567F76

Tetradic

#7F5674

#7F7656

#567F61

#56607F

Color Blindness Simulation

Original

#7F5674

Protanopia

#6D6D6D

Deuteranopia

#70736B

Tritanopia

#7D6766

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E2D4DE
300
#CEB6C7
400
#B38FA9
500
#98678B
600
#7A526F
700
#614259
800
#4C3445
900
#392834
950
#241921

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail 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