#584FF2

#584FF2

Color Values

HEX

#584FF2

RGB

88, 79, 242

HSL

243.3, 86.2%, 62.9%

HSV

243.3, 67.4%, 94.9%

CMYK

63.6%, 67.4%, 0.0%, 5.1%

OKLCH

0.5416 0.2343 277.6

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#584FF2

#E9F24F

Analogous

#4F97F2

#A94FF2

#584FF2

Triadic

#584FF2

#F2584F

#4FF258

Split Complementary

#584FF2

#F2A94F

#97F24F

Tetradic

#584FF2

#F24F97

#E9F24F

#4FF2A9

Color Blindness Simulation

Original

#584FF2

Protanopia

#5454CB

Deuteranopia

#5555C1

Tritanopia

#58ABA5

Achromatopsia

#5D5D5D

CSS Usage

background-color: #584FF2;
color: #584FF2;
border-color: #584FF2;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E2E0FA
200
#C0BDFA
300
#938DF7
400
#584FF2
500
#1E12ED
600
#180EBE
700
#130B98
800
#0F0977
900
#0F0B56
950
#090736

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

3.82:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026