#580F99

#580F99

Color Values

HEX

#580F99

RGB

88, 15, 153

HSL

271.7, 82.1%, 32.9%

HSV

271.7, 90.2%, 60.0%

CMYK

42.5%, 90.2%, 0.0%, 40.0%

OKLCH

0.387 0.1944 300.3

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#580F99

#50990F

Analogous

#130F99

#990F95

#580F99

Triadic

#580F99

#99580F

#0F9958

Split Complementary

#580F99

#95990F

#0F9913

Tetradic

#580F99

#99130F

#50990F

#0F9599

Color Blindness Simulation

Original

#580F99

Protanopia

#383878

Deuteranopia

#3D4270

Tritanopia

#545D57

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DDBEF9
300
#C590F4
400
#A553EE
500
#8517E8
600
#6B12BA
700
#550F95
800
#430B74
900
#320D54
950
#200835

Contrast Checker

Text on white

10.81:1

AA Pass AAA Pass

Text on black

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