#500877

#500877

Color Values

HEX

#500877

RGB

80, 8, 119

HSL

278.9, 87.4%, 24.9%

HSV

278.9, 93.3%, 46.7%

CMYK

32.8%, 93.3%, 0.0%, 53.3%

OKLCH

0.3401 0.1654 308.3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#500877

#2F7708

Analogous

#180877

#770867

#500877

Triadic

#500877

#775008

#087750

Split Complementary

#500877

#677708

#087718

Tetradic

#500877

#771808

#2F7708

#086777

Color Blindness Simulation

Original

#500877

Protanopia

#31305C

Deuteranopia

#353A56

Tritanopia

#4C4742

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E0FA
200
#E5BCFB
300
#D28CF7
400
#B94EF3
500
#A110EF
600
#800DBF
700
#670A99
800
#500877
900
#3C0A57
950
#260737

Contrast Checker

Text on white

12.79:1

AA Pass AAA Pass

Text on black

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