#501651

#501651

Color Values

HEX

#501651

RGB

80, 22, 81

HSL

299.0, 57.3%, 20.2%

HSV

299.0, 72.8%, 31.8%

CMYK

1.2%, 72.8%, 0.0%, 68.2%

OKLCH

0.3214 0.1162 327.2

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#501651

#175116

Analogous

#331651

#511634

#501651

Triadic

#501651

#515016

#165150

Split Complementary

#501651

#345116

#165133

Tetradic

#501651

#513316

#175116

#163451

Color Blindness Simulation

Original

#501651

Protanopia

#373643

Deuteranopia

#3A3F3F

Tritanopia

#4D3735

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F6
200
#EFC7F0
300
#E49FE5
400
#D56BD7
500
#C636C9
600
#9E2CA0
700
#7F2380
800
#631B64
900
#491749
950
#2E0F2E

Contrast Checker

Text on white

13.34:1

AA Pass AAA Pass

Text on black

1.57:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026