#580F84

#580F84

Color Values

HEX

#580F84

RGB

88, 15, 132

HSL

277.4, 79.6%, 28.8%

HSV

277.4, 88.6%, 51.8%

CMYK

33.3%, 88.6%, 0.0%, 48.2%

OKLCH

0.3675 0.1748 307.3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#580F84

#3B840F

Analogous

#1D0F84

#840F75

#580F84

Triadic

#580F84

#84580F

#0F8458

Split Complementary

#580F84

#75840F

#0F841D

Tetradic

#580F84

#841D0F

#3B840F

#0F7584

Color Blindness Simulation

Original

#580F84

Protanopia

#383868

Deuteranopia

#3D4261

Tritanopia

#54514C

Achromatopsia

#272727

CSS Usage

background-color: #580F84;
color: #580F84;
border-color: #580F84;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F9F2FD
100
#F0E1F9
200
#E2BFF8
300
#CE91F3
400
#B356EC
500
#991AE5
600
#7A15B7
700
#621193
800
#4C0D72
900
#390E53
950
#240935

Contrast Checker

Text on white

11.56:1

AA Pass AAA Pass

Text on black

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