#58366E

#58366E

Color Values

HEX

#58366E

RGB

88, 54, 110

HSL

276,4, 34,1%, 32,2%

HSV

276,4, 50,9%, 43,1%

CMYK

20,0%, 50,9%, 0,0%, 56,9%

OKLCH

0,3989 0,0983 310,7

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#58366E

#4C6E36

Analogous

#3C366E

#6E3668

#58366E

Triadic

#58366E

#6E5836

#366E58

Split Complementary

#58366E

#686E36

#366E3C

Tetradic

#58366E

#6E3C36

#4C6E36

#36686E

Color Blindness Simulation

Original

#58366E

Protanopia

#494960

Deuteranopia

#4B4E5D

Tritanopia

#565653

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE8F2
200
#DECFE7
300
#C6ADD7
400
#A880C1
500
#8954AB
600
#6D4389
700
#58366D
800
#442A55
900
#34223F
950
#211528

Contrast Checker

Text on white

9,69:1

AA Pass AAA Pass

Text on black

2,17: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