#5412BA

#5412BA

Color Values

HEX

#5412BA

RGB

84, 18, 186

HSL

263.6, 82.4%, 40.0%

HSV

263.6, 90.3%, 72.9%

CMYK

54.8%, 90.3%, 0.0%, 27.1%

OKLCH

0.4175 0.2244 289.9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5412BA

#78BA12

Analogous

#1224BA

#A812BA

#5412BA

Triadic

#5412BA

#BA5412

#12BA54

Split Complementary

#5412BA

#BAA812

#24BA12

Tetradic

#5412BA

#BA1224

#78BA12

#12BAA8

Color Blindness Simulation

Original

#5412BA

Protanopia

#373791

Deuteranopia

#3B4088

Tritanopia

#51716A

Achromatopsia

#2C2C2C

CSS Usage

background-color: #5412BA;
color: #5412BA;
border-color: #5412BA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F6F2FD
100
#EAE1FA
200
#D5BEF9
300
#B78FF4
400
#9053EE
500
#6916E9
600
#5412BA
700
#430E95
800
#350B74
900
#290D54
950
#1A0835

Contrast Checker

Text on white

9.67:1

AA Pass AAA Pass

Text on black

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