#501331

#501331

Color Values

HEX

#501331

RGB

80, 19, 49

HSL

330,5, 61,6%, 19,4%

HSV

330,5, 76,2%, 31,4%

CMYK

0,0%, 76,3%, 38,8%, 68,6%

OKLCH

0,3008 0,096 354,3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#501331

#135032

Analogous

#50134F

#501413

#501331

Triadic

#501331

#315013

#133150

Split Complementary

#501331

#135014

#134F50

Tetradic

#501331

#4F5013

#135032

#141350

Color Blindness Simulation

Original

#501331

Protanopia

#36352A

Deuteranopia

#393E28

Tritanopia

#4D2423

Achromatopsia

#222222

CSS Usage

background-color: #501331;
color: #501331;
border-color: #501331;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F1C5DB
300
#E79CC1
400
#DB67A0
500
#CE317E
600
#A52765
700
#841F51
800
#67183F
900
#4B1630
950
#300E1E

Contrast Checker

Text on white

14,2:1

AA Pass AAA Pass

Text on black

1,48: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