#580353

#580353

Color Values

HEX

#580353

RGB

88, 3, 83

HSL

303.5, 93.4%, 17.8%

HSV

303.5, 96.6%, 34.5%

CMYK

0.0%, 96.6%, 5.7%, 65.5%

OKLCH

0.3215 0.1421 331.2

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#580353

#035808

Analogous

#320358

#580328

#580353

Triadic

#580353

#535803

#035358

Split Complementary

#580353

#285803

#035832

Tetradic

#580353

#583203

#035808

#032858

Color Blindness Simulation

Original

#580353

Protanopia

#333240

Deuteranopia

#383E3B

Tritanopia

#54302D

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FDBAF9
300
#FB89F4
400
#F949EE
500
#F708E9
600
#C507BA
700
#9E0595
800
#7B0474
900
#590854
950
#380535

Contrast Checker

Text on white

13.52:1

AA Pass AAA Pass

Text on black

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