#581983

#581983

Color Values

HEX

#581983

RGB

88, 25, 131

HSL

275.7, 67.9%, 30.6%

HSV

275.7, 80.9%, 51.4%

CMYK

32.8%, 80.9%, 0.0%, 48.6%

OKLCH

0.3745 0.1651 306.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#581983

#448319

Analogous

#231983

#831979

#581983

Triadic

#581983

#835819

#198358

Split Complementary

#581983

#798319

#198323

Tetradic

#581983

#832319

#448319

#197983

Color Blindness Simulation

Original

#581983

Protanopia

#3D3C69

Deuteranopia

#404563

Tritanopia

#555551

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C3F4
300
#CA98EB
400
#AD61E1
500
#9029D6
600
#7321AB
700
#5C1A89
800
#48146B
900
#36134E
950
#220C31

Contrast Checker

Text on white

11.16:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026