#581E88

#581E88

Color Values

HEX

#581E88

RGB

88, 30, 136

HSL

272.8, 63.9%, 32.5%

HSV

272.8, 77.9%, 53.3%

CMYK

35.3%, 77.9%, 0.0%, 46.7%

OKLCH

0.3836 0.1649 304.4

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#581E88

#4E881E

Analogous

#231E88

#881E83

#581E88

Triadic

#581E88

#88581E

#1E8858

Split Complementary

#581E88

#83881E

#1E8823

Tetradic

#581E88

#88231E

#4E881E

#1E8388

Color Blindness Simulation

Original

#581E88

Protanopia

#3F3E6E

Deuteranopia

#424768

Tritanopia

#555A56

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DDC4F2
300
#C59BE9
400
#A664DD
500
#872ED1
600
#6C25A7
700
#561D86
800
#441768
900
#33154C
950
#200D30

Contrast Checker

Text on white

10.74:1

AA Pass AAA Pass

Text on black

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