#5A0AC2

#5A0AC2

Color Values

HEX

#5A0AC2

RGB

90, 10, 194

HSL

266.1, 90.2%, 40.0%

HSV

266.1, 94.8%, 76.1%

CMYK

53.6%, 94.8%, 0.0%, 23.9%

OKLCH

0.4288 0.2352 291.1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5A0AC2

#72C20A

Analogous

#0A16C2

#B60AC2

#5A0AC2

Triadic

#5A0AC2

#C25A0A

#0AC25A

Split Complementary

#5A0AC2

#C2B60A

#16C20A

Tetradic

#5A0AC2

#C20A16

#72C20A

#0AC2B6

Color Blindness Simulation

Original

#5A0AC2

Protanopia

#373796

Deuteranopia

#3C428B

Tritanopia

#56726B

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#EBDFFB
200
#D7BBFC
300
#BB8BF9
400
#964CF6
500
#710CF3
600
#5A0AC2
700
#48089B
800
#380679
900
#2B0958
950
#1B0637

Contrast Checker

Text on white

9.3:1

AA Pass AAA Pass

Text on black

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