#5012BA

#5012BA

Color Values

HEX

#5012BA

RGB

80, 18, 186

HSL

262.1, 82.4%, 40.0%

HSV

262.1, 90.3%, 72.9%

CMYK

57.0%, 90.3%, 0.0%, 27.1%

OKLCH

0.4133 0.2245 288.1

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5012BA

#7CBA12

Analogous

#1228BA

#A412BA

#5012BA

Triadic

#5012BA

#BA5012

#12BA50

Split Complementary

#5012BA

#BAA412

#28BA12

Tetradic

#5012BA

#BA1228

#7CBA12

#12BAA4

Color Blindness Simulation

Original

#5012BA

Protanopia

#353591

Deuteranopia

#393D88

Tritanopia

#4D716A

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EAE1FA
200
#D4BEF9
300
#B58FF4
400
#8C53EE
500
#6416E9
600
#5012BA
700
#400E95
800
#320B74
900
#270D54
950
#190835

Contrast Checker

Text on white

9.83:1

AA Pass AAA Pass

Text on black

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