#513696

#513696

Color Values

HEX

#513696

RGB

81, 54, 150

HSL

256.9, 47.1%, 40.0%

HSV

256.9, 64.0%, 58.8%

CMYK

46.0%, 64.0%, 0.0%, 41.2%

OKLCH

0.4192 0.1498 291.6

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#513696

#7B9636

Analogous

#364B96

#813696

#513696

Triadic

#513696

#965136

#369651

Split Complementary

#513696

#968136

#4B9636

Tetradic

#513696

#96364B

#7B9636

#369681

Color Blindness Simulation

Original

#513696

Protanopia

#45457F

Deuteranopia

#474979

Tritanopia

#506C68

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F6F4FA
100
#EAE6F4
200
#D4CAEC
300
#B5A5DF
400
#8D74CD
500
#6543BC
600
#513696
700
#412B78
800
#33225E
900
#271C45
950
#19122C

Contrast Checker

Text on white

9.06:1

AA Pass AAA Pass

Text on black

2.32:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026