#501089

#501089

Color Values

HEX

#501089

RGB

80, 16, 137

HSL

271.7, 79.1%, 30.0%

HSV

271.7, 88.3%, 53.7%

CMYK

41.6%, 88.3%, 0.0%, 46.3%

OKLCH

0.3618 0.1771 301.0

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#501089

#498910

Analogous

#131089

#891086

#501089

Triadic

#501089

#895010

#108950

Split Complementary

#501089

#868910

#108913

Tetradic

#501089

#891310

#498910

#108689

Color Blindness Simulation

Original

#501089

Protanopia

#34346C

Deuteranopia

#383D65

Tritanopia

#4D5550

Achromatopsia

#262626

CSS Usage

background-color: #501089;
color: #501089;
border-color: #501089;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DDBFF8
300
#C591F2
400
#A556EB
500
#851BE4
600
#6B15B7
700
#551192
800
#430D72
900
#320E53
950
#200934

Contrast Checker

Text on white

11.82:1

AA Pass AAA Pass

Text on black

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