#584AE0

#584AE0

Color Values

HEX

#584AE0

RGB

88, 74, 224

HSL

245.6, 70.8%, 58.4%

HSV

245.6, 67.0%, 87.8%

CMYK

60.7%, 67.0%, 0.0%, 12.2%

OKLCH

0.5184 0.2179 279.8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#584AE0

#D2E04A

Analogous

#4A87E0

#A34AE0

#584AE0

Triadic

#584AE0

#E0584A

#4AE058

Split Complementary

#584AE0

#E0A34A

#87E04A

Tetradic

#584AE0

#E04A87

#D2E04A

#4AE0A3

Color Blindness Simulation

Original

#584AE0

Protanopia

#5252BC

Deuteranopia

#5354B3

Tritanopia

#579F99

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E4E2F8
200
#C7C2F5
300
#9F96ED
400
#6A5EE3
500
#3625DA
600
#2B1EAE
700
#23188B
800
#1B136D
900
#17124F
950
#0F0B32

Contrast Checker

Text on white

6.05:1

AA Pass AAA Fail

Text on black

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