#501652

#501652

Color Values

HEX

#501652

RGB

80, 22, 82

HSL

298,0, 57,7%, 20,4%

HSV

298,0, 73,2%, 32,2%

CMYK

2,4%, 73,2%, 0,0%, 67,8%

OKLCH

0,3221 0,1171 326,5

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#501652

#185216

Analogous

#321652

#521636

#501652

Triadic

#501652

#525016

#165250

Split Complementary

#501652

#365216

#165232

Tetradic

#501652

#523216

#185216

#163652

Color Blindness Simulation

Original

#501652

Protanopia

#373643

Deuteranopia

#3A3F40

Tritanopia

#4D3836

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E4F6
200
#EFC7F0
300
#E39EE5
400
#D36AD7
500
#C436C9
600
#9D2BA1
700
#7E2381
800
#621B65
900
#48174A
950
#2D0F2E

Contrast Checker

Text on white

13,31:1

AA Pass AAA Pass

Text on black

1,58:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026