#501F46

#501F46

Color Values

HEX

#501F46

RGB

80, 31, 70

HSL

312.2, 44.1%, 21.8%

HSV

312.2, 61.2%, 31.4%

CMYK

0.0%, 61.2%, 12.5%, 68.6%

OKLCH

0.3269 0.0911 336.0

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#501F46

#1F5029

Analogous

#421F50

#501F2E

#501F46

Triadic

#501F46

#46501F

#1F4650

Split Complementary

#501F46

#2E501F

#1F5042

Tetradic

#501F46

#50421F

#1F5029

#1F2E50

Color Blindness Simulation

Original

#501F46

Protanopia

#3B3A3D

Deuteranopia

#3E413A

Tritanopia

#4E3533

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F1
200
#EBCCE5
300
#DDA7D2
400
#CA77B9
500
#B847A1
600
#933981
700
#762E67
800
#5C2450
900
#441D3C
950
#2B1226

Contrast Checker

Text on white

12.92:1

AA Pass AAA Pass

Text on black

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