#580F58

#580F58

Color Values

HEX

#580F58

RGB

88, 15, 88

HSL

300.0, 70.9%, 20.2%

HSV

300.0, 83.0%, 34.5%

CMYK

0.0%, 83.0%, 0.0%, 65.5%

OKLCH

0.3328 0.1354 328.1

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#580F58

#0F580F

Analogous

#340F58

#580F34

#580F58

Triadic

#580F58

#58580F

#0F5858

Split Complementary

#580F58

#34580F

#0F5834

Tetradic

#580F58

#58340F

#0F580F

#0F3458

Color Blindness Simulation

Original

#580F58

Protanopia

#383846

Deuteranopia

#3D4242

Tritanopia

#543835

Achromatopsia

#242424

CSS Usage

background-color: #580F58;
color: #580F58;
border-color: #580F58;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F5C2F5
300
#ED96ED
400
#E45EE4
500
#DA25DA
600
#AE1EAE
700
#8B188B
800
#6D136D
900
#4F124F
950
#320B32

Contrast Checker

Text on white

12.93:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026