#580349

#580349

Color Values

HEX

#580349

RGB

88, 3, 73

HSL

310.6, 93.4%, 17.8%

HSV

310.6, 96.6%, 34.5%

CMYK

0.0%, 96.6%, 17.0%, 65.5%

OKLCH

0.3152 0.1348 337.6

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#580349

#035812

Analogous

#3C0358

#58031E

#580349

Triadic

#580349

#495803

#034958

Split Complementary

#580349

#1E5803

#03583C

Tetradic

#580349

#583C03

#035812

#031E58

Color Blindness Simulation

Original

#580349

Protanopia

#333238

Deuteranopia

#383E34

Tritanopia

#542B28

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FDF1FB
100
#FBDFF6
200
#FDBAF1
300
#FB89E7
400
#F949DA
500
#F708CD
600
#C507A4
700
#9E0583
800
#7B0466
900
#59084B
950
#38052F

Contrast Checker

Text on white

13.78:1

AA Pass AAA Pass

Text on black

1.52:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026