#502BA1

#502BA1

Color Values

HEX

#502BA1

RGB

80, 43, 161

HSL

258.8, 57.8%, 40.0%

HSV

258.8, 73.3%, 63.1%

CMYK

50.3%, 73.3%, 0.0%, 36.9%

OKLCH

0.4115 0.1774 290.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#502BA1

#7CA12B

Analogous

#2B41A1

#8B2BA1

#502BA1

Triadic

#502BA1

#A1502B

#2BA150

Split Complementary

#502BA1

#A18B2B

#41A12B

Tetradic

#502BA1

#A12B41

#7CA12B

#2BA18B

Color Blindness Simulation

Original

#502BA1

Protanopia

#404084

Deuteranopia

#42457E

Tritanopia

#4E6E69

Achromatopsia

#3B3B3B

CSS Usage

background-color: #502BA1;
color: #502BA1;
border-color: #502BA1;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F6F4FB
100
#EAE4F6
200
#D4C7F0
300
#B59EE5
400
#8C6AD7
500
#6436C9
600
#502BA1
700
#402281
800
#321B65
900
#27174A
950
#190F2F

Contrast Checker

Text on white

9.54:1

AA Pass AAA Pass

Text on black

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