#513378

#513378

Color Values

HEX

#513378

RGB

81, 51, 120

HSL

266.1, 40.4%, 33.5%

HSV

266.1, 57.5%, 47.1%

CMYK

32.5%, 57.5%, 0.0%, 52.9%

OKLCH

0.3918 0.1146 301.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#513378

#5A7833

Analogous

#333778

#733378

#513378

Triadic

#513378

#785133

#337851

Split Complementary

#513378

#787333

#377833

Tetradic

#513378

#783337

#5A7833

#337873

Color Blindness Simulation

Original

#513378

Protanopia

#444467

Deuteranopia

#464863

Tritanopia

#505A57

Achromatopsia

#3E3E3E

CSS Usage

background-color: #513378;
color: #513378;
border-color: #513378;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D9CDEA
300
#BFA9DB
400
#9C7BC7
500
#794CB3
600
#613D8F
700
#4D3173
800
#3C265A
900
#2E1F42
950
#1D132A

Contrast Checker

Text on white

10.03:1

AA Pass AAA Pass

Text on black

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