#5A2CD3

#5A2CD3

Color Values

HEX

#5A2CD3

RGB

90, 44, 211

HSL

256,5, 65,5%, 50,0%

HSV

256,5, 79,1%, 82,7%

CMYK

57,3%, 79,1%, 0,0%, 17,3%

OKLCH

0,4698 0,2324 285,9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5A2CD3

#A5D32C

Analogous

#2C52D3

#AD2CD3

#5A2CD3

Triadic

#5A2CD3

#D35A2C

#2CD35A

Split Complementary

#5A2CD3

#D3AD2C

#52D32C

Tetradic

#5A2CD3

#D32C52

#A5D32C

#2CD3AD

Color Blindness Simulation

Original

#5A2CD3

Protanopia

#4646AB

Deuteranopia

#494CA1

Tritanopia

#588B84

Achromatopsia

#424242

CSS Usage

background-color: #5A2CD3;
color: #5A2CD3;
border-color: #5A2CD3;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F3FC
100
#E9E3F7
200
#D1C4F3
300
#B09AEA
400
#8563DE
500
#5A2CD3
600
#4823A9
700
#3A1C87
800
#2D166A
900
#24144D
950
#160D31

Contrast Checker

Text on white

7,68:1

AA Pass AAA Pass

Text on black

2,74:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026