#501C64

#501C64

Color Values

HEX

#501C64

RGB

80, 28, 100

HSL

283.3, 56.2%, 25.1%

HSV

283.3, 72.0%, 39.2%

CMYK

20.0%, 72.0%, 0.0%, 60.8%

OKLCH

0.3417 0.1267 315.1

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#501C64

#30641C

Analogous

#2C1C64

#641C54

#501C64

Triadic

#501C64

#64501C

#1C6450

Split Complementary

#501C64

#54641C

#1C642C

Tetradic

#501C64

#642C1C

#30641C

#1C5464

Color Blindness Simulation

Original

#501C64

Protanopia

#393953

Deuteranopia

#3C404E

Tritanopia

#4D4542

Achromatopsia

#2C2C2C

CSS Usage

background-color: #501C64;
color: #501C64;
border-color: #501C64;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F4FB
100
#F1E5F6
200
#E4C7EF
300
#D19FE4
400
#B86CD6
500
#9F38C7
600
#7F2D9F
700
#66247F
800
#501C64
900
#3B1849
950
#250F2E

Contrast Checker

Text on white

12.42:1

AA Pass AAA Pass

Text on black

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