#582189

#582189

Color Values

HEX

#582189

RGB

88, 33, 137

HSL

271.7, 61.2%, 33.3%

HSV

271.7, 75.9%, 53.7%

CMYK

35.8%, 75.9%, 0.0%, 46.3%

OKLCH

0.3877 0.1626 303.6

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#582189

#528921

Analogous

#242189

#892186

#582189

Triadic

#582189

#895821

#218958

Split Complementary

#582189

#868921

#218924

Tetradic

#582189

#892421

#528921

#218689

Color Blindness Simulation

Original

#582189

Protanopia

#404070

Deuteranopia

#43486A

Tritanopia

#555C58

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DDC5F1
300
#C49CE7
400
#A467DA
500
#8431CE
600
#6A28A4
700
#542084
800
#421967
900
#32164B
950
#200E2F

Contrast Checker

Text on white

10.53:1

AA Pass AAA Pass

Text on black

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