#5D4CE5

#5D4CE5

Color Values

HEX

#5D4CE5

RGB

93, 76, 229

HSL

246.7, 74.6%, 59.8%

HSV

246.7, 66.8%, 89.8%

CMYK

59.4%, 66.8%, 0.0%, 10.2%

OKLCH

0.5294 0.2209 280.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#5D4CE5

#D4E54C

Analogous

#4C87E5

#AA4CE5

#5D4CE5

Triadic

#5D4CE5

#E55D4C

#4CE55D

Split Complementary

#5D4CE5

#E5AA4C

#87E54C

Tetradic

#5D4CE5

#E54C87

#D4E54C

#4CE5AA

Color Blindness Simulation

Original

#5D4CE5

Protanopia

#5655C0

Deuteranopia

#5758B7

Tritanopia

#5CA39C

Achromatopsia

#5B5B5B

CSS Usage

background-color: #5D4CE5;
color: #5D4CE5;
border-color: #5D4CE5;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F4F2FC
100
#E4E2F8
200
#C7C1F6
300
#9E94EF
400
#6A5AE7
500
#3620DF
600
#2B1AB2
700
#22158E
800
#1B106F
900
#171051
950
#0F0A33

Contrast Checker

Text on white

5.78:1

AA Pass AAA Fail

Text on black

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