#584471

#584471

Color Values

HEX

#584471

RGB

88, 68, 113

HSL

266.7, 24.9%, 35.5%

HSV

266.7, 39.8%, 44.3%

CMYK

22.1%, 39.8%, 0.0%, 55.7%

OKLCH

0.4273 0.0761 303.8

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#584471

#5D7144

Analogous

#444671

#6F4471

#584471

Triadic

#584471

#715844

#447158

Split Complementary

#584471

#716F44

#467144

Tetradic

#584471

#714446

#5D7144

#44716F

Color Blindness Simulation

Original

#584471

Protanopia

#4F4F66

Deuteranopia

#505264

Tritanopia

#575E5C

Achromatopsia

#4C4C4C

CSS Usage

background-color: #584471;
color: #584471;
border-color: #584471;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DAD2E4
300
#C0B3D1
400
#9E89B8
500
#7C609F
600
#634D7F
700
#4F3D66
800
#3E3050
900
#2F263B
950
#1E1825

Contrast Checker

Text on white

8.47:1

AA Pass AAA Pass

Text on black

2.48:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026