#580160

#580160

Color Values

HEX

#580160

RGB

88, 1, 96

HSL

294.9, 97.9%, 19.0%

HSV

294.9, 99.0%, 37.6%

CMYK

8.3%, 99.0%, 0.0%, 62.4%

OKLCH

0.3296 0.1538 324.0

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#580160

#096001

Analogous

#280160

#600139

#580160

Triadic

#580160

#605801

#016058

Split Complementary

#580160

#396001

#016028

Tetradic

#580160

#602801

#096001

#013960

Color Blindness Simulation

Original

#580160

Protanopia

#323249

Deuteranopia

#373E43

Tritanopia

#543733

Achromatopsia

#1A1A1A

CSS Usage

background-color: #580160;
color: #580160;
border-color: #580160;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FDF1FE
100
#F9DEFC
200
#F8B8FE
300
#F486FE
400
#ED44FD
500
#E703FC
600
#B902CA
700
#9402A1
800
#74017E
900
#54065B
950
#35043A

Contrast Checker

Text on white

13.22:1

AA Pass AAA Pass

Text on black

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