#5D4DA6

#5D4DA6

Color Values

HEX

#5D4DA6

RGB

93, 77, 166

HSL

250.8, 36.6%, 47.6%

HSV

250.8, 53.6%, 65.1%

CMYK

44.0%, 53.6%, 0.0%, 34.9%

OKLCH

0.4821 0.1377 288.4

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#5D4DA6

#96A64D

Analogous

#4D69A6

#894DA6

#5D4DA6

Triadic

#5D4DA6

#A65D4D

#4DA65D

Split Complementary

#5D4DA6

#A6894D

#69A64D

Tetradic

#5D4DA6

#A64D69

#96A64D

#4DA689

Color Blindness Simulation

Original

#5D4DA6

Protanopia

#565690

Deuteranopia

#57588B

Tritanopia

#5C7F7C

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D3CEE8
300
#B3ABD8
400
#8B7EC3
500
#6251AE
600
#4E418B
700
#3E346F
800
#312857
900
#262040
950
#181529

Contrast Checker

Text on white

6.82:1

AA Pass AAA Fail

Text on black

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