#582AD5

#582AD5

Color Values

HEX

#582AD5

RGB

88, 42, 213

HSL

256.1, 67.1%, 50.0%

HSV

256.1, 80.3%, 83.5%

CMYK

58.7%, 80.3%, 0.0%, 16.5%

OKLCH

0.4679 0.2363 285.0

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#582AD5

#A7D52A

Analogous

#2A52D5

#AD2AD5

#582AD5

Triadic

#582AD5

#D5582A

#2AD558

Split Complementary

#582AD5

#D5AD2A

#52D52A

Tetradic

#582AD5

#D52A52

#A7D52A

#2AD5AD

Color Blindness Simulation

Original

#582AD5

Protanopia

#4444AC

Deuteranopia

#474AA2

Tritanopia

#568B84

Achromatopsia

#404040

CSS Usage

background-color: #582AD5;
color: #582AD5;
border-color: #582AD5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F3FC
100
#E8E3F7
200
#D0C3F3
300
#AF99EB
400
#8361E0
500
#582AD5
600
#4622AA
700
#381B88
800
#2C156B
900
#23134E
950
#160C31

Contrast Checker

Text on white

7.76:1

AA Pass AAA Pass

Text on black

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