#501879

#501879

Color Values

HEX

#501879

RGB

80, 24, 121

HSL

274.6, 66.9%, 28.4%

HSV

274.6, 80.2%, 47.5%

CMYK

33.9%, 80.2%, 0.0%, 52.5%

OKLCH

0.354 0.1539 306.0

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#501879

#417918

Analogous

#1F1879

#791871

#501879

Triadic

#501879

#795018

#187950

Split Complementary

#501879

#717918

#18791F

Tetradic

#501879

#791F18

#417918

#187179

Color Blindness Simulation

Original

#501879

Protanopia

#383762

Deuteranopia

#3B3F5C

Tritanopia

#4D4F4B

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#DFC3F3
300
#C899EB
400
#AA62E0
500
#8D2AD5
600
#7022AA
700
#5A1B88
800
#46156A
900
#35134E
950
#210C31

Contrast Checker

Text on white

12.01:1

AA Pass AAA Pass

Text on black

1.75:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026