#580C97

#580C97

Color Values

HEX

#580C97

RGB

88, 12, 151

HSL

272.8, 85.3%, 32.0%

HSV

272.8, 92.1%, 59.2%

CMYK

41.7%, 92.1%, 0.0%, 40.8%

OKLCH

0.3835 0.1942 301.1

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#580C97

#4B970C

Analogous

#120C97

#970C91

#580C97

Triadic

#580C97

#97580C

#0C9758

Split Complementary

#580C97

#91970C

#0C9712

Tetradic

#580C97

#97120C

#4B970C

#0C9197

Color Blindness Simulation

Original

#580C97

Protanopia

#373675

Deuteranopia

#3C416D

Tritanopia

#545B55

Achromatopsia

#262626

CSS Usage

background-color: #580C97;
color: #580C97;
border-color: #580C97;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DEBDFA
300
#C78EF6
400
#A850F1
500
#8A13EC
600
#6E0FBD
700
#580C97
800
#450976
900
#340B56
950
#210736

Contrast Checker

Text on white

10.97:1

AA Pass AAA Pass

Text on black

1.91:1

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