#501B48

#501B48

Color Values

HEX

#501B48

RGB

80, 27, 72

HSL

309.1, 49.5%, 21.0%

HSV

309.1, 66.2%, 31.4%

CMYK

0.0%, 66.3%, 10.0%, 68.6%

OKLCH

0.3222 0.1 334.0

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#501B48

#1B5023

Analogous

#3E1B50

#501B2E

#501B48

Triadic

#501B48

#48501B

#1B4850

Split Complementary

#501B48

#2E501B

#1B503E

Tetradic

#501B48

#503E1B

#1B5023

#1B2E50

Color Blindness Simulation

Original

#501B48

Protanopia

#39393D

Deuteranopia

#3C403A

Tritanopia

#4D3533

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E6F2
200
#EDCAE8
300
#E0A4D7
400
#CF72C1
500
#BF40AB
600
#983489
700
#7A296E
800
#5F2056
900
#461B3F
950
#2C1128

Contrast Checker

Text on white

13.2:1

AA Pass AAA Pass

Text on black

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