#500950

#500950

Color Values

HEX

#500950

RGB

80, 9, 80

HSL

300.0, 79.8%, 17.5%

HSV

300.0, 88.8%, 31.4%

CMYK

0.0%, 88.8%, 0.0%, 68.6%

OKLCH

0.3091 0.1304 328.2

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#500950

#095009

Analogous

#2D0950

#50092D

#500950

Triadic

#500950

#505009

#095050

Split Complementary

#500950

#2D5009

#09502D

Tetradic

#500950

#502D09

#095009

#092D50

Color Blindness Simulation

Original

#500950

Protanopia

#31313F

Deuteranopia

#353B3B

Tritanopia

#4C312E

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E1F9
200
#F8BFF8
300
#F391F3
400
#EC55EC
500
#E51AE5
600
#B715B7
700
#931093
800
#730D73
900
#530E53
950
#350935

Contrast Checker

Text on white

14.04:1

AA Pass AAA Pass

Text on black

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