#500150

#500150

Color Values

HEX

#500150

RGB

80, 1, 80

HSL

300.0, 97.5%, 15.9%

HSV

300.0, 98.8%, 31.4%

CMYK

0.0%, 98.8%, 0.0%, 68.6%

OKLCH

0.3033 0.1381 328.3

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#500150

#015001

Analogous

#290150

#500129

#500150

Triadic

#500150

#505001

#015050

Split Complementary

#500150

#295001

#015029

Tetradic

#500150

#502901

#015001

#012950

Color Blindness Simulation

Original

#500150

Protanopia

#2E2D3D

Deuteranopia

#323838

Tritanopia

#4C2E2A

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FEB8FE
300
#FD86FD
400
#FD45FD
500
#FC03FC
600
#C903C9
700
#A102A1
800
#7E027E
900
#5B065B
950
#390439

Contrast Checker

Text on white

14.37:1

AA Pass AAA Pass

Text on black

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