#500C48

#500C48

Color Values

HEX

#500C48

RGB

80, 12, 72

HSL

307.1, 73.9%, 18.0%

HSV

307.1, 85.0%, 31.4%

CMYK

0.0%, 85.0%, 10.0%, 68.6%

OKLCH

0.306 0.1209 333.6

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#500C48

#0C5014

Analogous

#360C50

#500C26

#500C48

Triadic

#500C48

#48500C

#0C4850

Split Complementary

#500C48

#26500C

#0C5036

Tetradic

#500C48

#50360C

#0C5014

#0C2650

Color Blindness Simulation

Original

#500C48

Protanopia

#333239

Deuteranopia

#363C36

Tritanopia

#4D2E2C

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F6C1EF
300
#EF95E4
400
#E65BD6
500
#DE21C7
600
#B11BA0
700
#8E1580
800
#6F1164
900
#511049
950
#330A2E

Contrast Checker

Text on white

14.12:1

AA Pass AAA Pass

Text on black

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