#580356

#580356

Color Values

HEX

#580356

RGB

88, 3, 86

HSL

301.4, 93.4%, 17.8%

HSV

301.4, 96.6%, 34.5%

CMYK

0.0%, 96.6%, 2.3%, 65.5%

OKLCH

0.3236 0.1443 329.5

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#580356

#035805

Analogous

#2F0358

#58032B

#580356

Triadic

#580356

#565803

#035658

Split Complementary

#580356

#2B5803

#03582F

Tetradic

#580356

#582F03

#035805

#032B58

Color Blindness Simulation

Original

#580356

Protanopia

#333242

Deuteranopia

#383E3D

Tritanopia

#54322F

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFB
300
#FB89F8
400
#F949F5
500
#F708F1
600
#C507C1
700
#9E059A
800
#7B0479
900
#590857
950
#380537

Contrast Checker

Text on white

13.44:1

AA Pass AAA Pass

Text on black

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