#582CD3

#582CD3

Color Values

HEX

#582CD3

RGB

88, 44, 211

HSL

255.8, 65.5%, 50.0%

HSV

255.8, 79.1%, 82.7%

CMYK

58.3%, 79.1%, 0.0%, 17.3%

OKLCH

0.468 0.2325 285.1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#582CD3

#A7D32C

Analogous

#2C54D3

#AB2CD3

#582CD3

Triadic

#582CD3

#D3582C

#2CD358

Split Complementary

#582CD3

#D3AB2C

#54D32C

Tetradic

#582CD3

#D32C54

#A7D32C

#2CD3AB

Color Blindness Simulation

Original

#582CD3

Protanopia

#4545AB

Deuteranopia

#484BA1

Tritanopia

#568B84

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E8E3F7
200
#D0C4F3
300
#AF9AEA
400
#8363DE
500
#582CD3
600
#4623A9
700
#381C87
800
#2C166A
900
#23144D
950
#160D31

Contrast Checker

Text on white

7.73:1

AA Pass AAA Pass

Text on black

2.72:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026