#7C6580

#7C6580

Color Values

HEX

#7C6580

RGB

124, 101, 128

HSL

291.1, 11.8%, 44.9%

HSV

291.1, 21.1%, 50.2%

CMYK

3.1%, 21.1%, 0.0%, 49.8%

OKLCH

0.5387 0.0497 321.3

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#7C6580

#698065

Analogous

#6E6580

#806577

#7C6580

Triadic

#7C6580

#807C65

#65807C

Split Complementary

#7C6580

#778065

#65806E

Tetradic

#7C6580

#806E65

#698065

#657780

Color Blindness Simulation

Original

#7C6580

Protanopia

#727279

Deuteranopia

#737578

Tritanopia

#7B7473

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DED7E0
300
#C7BBC9
400
#A896AC
500
#8A708F
600
#6E5A72
700
#58485B
800
#453847
900
#342B36
950
#211B22

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

4.03:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026