#5D2AD5

#5D2AD5

Color Values

HEX

#5D2AD5

RGB

93, 42, 213

HSL

257.9, 67.1%, 50.0%

HSV

257.9, 80.3%, 83.5%

CMYK

56.3%, 80.3%, 0.0%, 16.5%

OKLCH

0.4726 0.2359 286.9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5D2AD5

#A2D52A

Analogous

#2A4CD5

#B32AD5

#5D2AD5

Triadic

#5D2AD5

#D55D2A

#2AD55D

Split Complementary

#5D2AD5

#D5B32A

#4CD52A

Tetradic

#5D2AD5

#D52A4C

#A2D52A

#2AD5B3

Color Blindness Simulation

Original

#5D2AD5

Protanopia

#4746AC

Deuteranopia

#4A4EA2

Tritanopia

#5A8B84

Achromatopsia

#414141

CSS Usage

background-color: #5D2AD5;
color: #5D2AD5;
border-color: #5D2AD5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F6F3FC
100
#E9E3F7
200
#D2C3F3
300
#B199EB
400
#8761E0
500
#5D2AD5
600
#4A22AA
700
#3C1B88
800
#2E156B
900
#25134E
950
#170C31

Contrast Checker

Text on white

7.62:1

AA Pass AAA Pass

Text on black

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