#580754

#580754

Color Values

HEX

#580754

RGB

88, 7, 84

HSL

303.0, 85.3%, 18.6%

HSV

303.0, 92.0%, 34.5%

CMYK

0.0%, 92.0%, 4.5%, 65.5%

OKLCH

0.3248 0.1393 330.6

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#580754

#07580B

Analogous

#330758

#58072B

#580754

Triadic

#580754

#545807

#075458

Split Complementary

#580754

#2B5807

#075833

Tetradic

#580754

#583307

#07580B

#072B58

Color Blindness Simulation

Original

#580754

Protanopia

#353441

Deuteranopia

#3A403D

Tritanopia

#54332F

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F9
200
#FABDF7
300
#F68EF1
400
#F150E9
500
#EC13E1
600
#BD0FB4
700
#970C90
800
#760971
900
#560B52
950
#360734

Contrast Checker

Text on white

13.35:1

AA Pass AAA Pass

Text on black

1.57:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026