#501355

#501355

Color Values

HEX

#501355

RGB

80, 19, 85

HSL

295.5, 63.5%, 20.4%

HSV

295.5, 77.6%, 33.3%

CMYK

5.9%, 77.6%, 0.0%, 66.7%

OKLCH

0.3209 0.124 324.7

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#501355

#185513

Analogous

#2F1355

#551339

#501355

Triadic

#501355

#555013

#135550

Split Complementary

#501355

#395513

#13552F

Tetradic

#501355

#552F13

#185513

#133955

Color Blindness Simulation

Original

#501355

Protanopia

#363545

Deuteranopia

#393E41

Tritanopia

#4D3836

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F5E4F7
200
#EFC5F2
300
#E39BE9
400
#D465DD
500
#C42FD0
600
#9D25A7
700
#7E1E85
800
#621768
900
#48154C
950
#2D0D30

Contrast Checker

Text on white

13.41:1

AA Pass AAA Pass

Text on black

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