#582FD0

#582FD0

Color Values

HEX

#582FD0

RGB

88, 47, 208

HSL

255.3, 63.1%, 50.0%

HSV

255.3, 77.4%, 81.6%

CMYK

57.7%, 77.4%, 0.0%, 18.4%

OKLCH

0.4682 0.2267 285.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#582FD0

#A7D02F

Analogous

#2F56D0

#A92FD0

#582FD0

Triadic

#582FD0

#D0582F

#2FD058

Split Complementary

#582FD0

#D0A92F

#56D02F

Tetradic

#582FD0

#D02F56

#A7D02F

#2FD0A9

Color Blindness Simulation

Original

#582FD0

Protanopia

#4646A9

Deuteranopia

#494CA0

Tritanopia

#568A84

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F5F3FB
100
#E8E4F7
200
#D0C5F2
300
#AF9BE8
400
#8365DC
500
#582FD0
600
#4626A6
700
#381E85
800
#2C1868
900
#23154C
950
#160D30

Contrast Checker

Text on white

7.69:1

AA Pass AAA Pass

Text on black

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