#580553

#580553

Color Values

HEX

#580553

RGB

88, 5, 83

HSL

303.6, 89.2%, 18.2%

HSV

303.6, 94.3%, 34.5%

CMYK

0.0%, 94.3%, 5.7%, 65.5%

OKLCH

0.3228 0.1403 331.2

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#580553

#05580A

Analogous

#330558

#580529

#580553

Triadic

#580553

#535805

#055358

Split Complementary

#580553

#295805

#055833

Tetradic

#580553

#583305

#05580A

#052958

Color Blindness Simulation

Original

#580553

Protanopia

#343340

Deuteranopia

#393F3C

Tritanopia

#54312E

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FBE0F9
200
#FBBBF7
300
#F88BF2
400
#F54CEB
500
#F10EE4
600
#C10BB6
700
#9A0992
800
#790772
900
#570A53
950
#370634

Contrast Checker

Text on white

13.45:1

AA Pass AAA Pass

Text on black

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