#500348

#500348

Color Values

HEX

#500348

RGB

80, 3, 72

HSL

306.2, 92.8%, 16.3%

HSV

306.2, 96.2%, 31.4%

CMYK

0.0%, 96.3%, 10.0%, 68.6%

OKLCH

0.2993 0.13 333.5

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#500348

#03500B

Analogous

#320350

#500322

#500348

Triadic

#500348

#485003

#034850

Split Complementary

#500348

#225003

#035032

Tetradic

#500348

#503203

#03500B

#032250

Color Blindness Simulation

Original

#500348

Protanopia

#2F2E37

Deuteranopia

#333933

Tritanopia

#4C2A27

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBAF6
300
#FB89EF
400
#F849E6
500
#F609DD
600
#C507B1
700
#9D068E
800
#7B056F
900
#590851
950
#380533

Contrast Checker

Text on white

14.51:1

AA Pass AAA Pass

Text on black

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