#581A82

#581A82

Color Values

HEX

#581A82

RGB

88, 26, 130

HSL

275.8, 66.7%, 30.6%

HSV

275.8, 80.0%, 51.0%

CMYK

32.3%, 80.0%, 0.0%, 49.0%

OKLCH

0.3746 0.1631 307.1

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#581A82

#44821A

Analogous

#241A82

#821A78

#581A82

Triadic

#581A82

#82581A

#1A8258

Split Complementary

#581A82

#78821A

#1A8224

Tetradic

#581A82

#82241A

#44821A

#1A7882

Color Blindness Simulation

Original

#581A82

Protanopia

#3D3D69

Deuteranopia

#414563

Tritanopia

#555551

Achromatopsia

#2F2F2F

CSS Usage

background-color: #581A82;
color: #581A82;
border-color: #581A82;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C3F3
300
#CA99EB
400
#AD62E0
500
#902AD5
600
#7322AA
700
#5C1B88
800
#48156A
900
#36134E
950
#220C31

Contrast Checker

Text on white

11.14:1

AA Pass AAA Pass

Text on black

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