#501680

#501680

Color Values

HEX

#501680

RGB

80, 22, 128

HSL

272.8, 70.7%, 29.4%

HSV

272.8, 82.8%, 50.2%

CMYK

37.5%, 82.8%, 0.0%, 49.8%

OKLCH

0.3582 0.1632 303.6

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#501680

#468016

Analogous

#1B1680

#80167B

#501680

Triadic

#501680

#805016

#168050

Split Complementary

#501680

#7B8016

#16801B

Tetradic

#501680

#801B16

#468016

#167B80

Color Blindness Simulation

Original

#501680

Protanopia

#373666

Deuteranopia

#3A3F60

Tritanopia

#4D524E

Achromatopsia

#2A2A2A

CSS Usage

background-color: #501680;
color: #501680;
border-color: #501680;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F3FC
100
#EEE2F8
200
#DEC2F5
300
#C697ED
400
#A75EE3
500
#8825DA
600
#6D1EAE
700
#57188B
800
#44136D
900
#33124F
950
#200B32

Contrast Checker

Text on white

11.88:1

AA Pass AAA Pass

Text on black

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