#5520DF

#5520DF

Color Values

HEX

#5520DF

RGB

85, 32, 223

HSL

256.6, 74.9%, 50.0%

HSV

256.6, 85.7%, 87.5%

CMYK

61.9%, 85.7%, 0.0%, 12.5%

OKLCH

0.467 0.254 283.1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#5520DF

#AADF20

Analogous

#204BDF

#B420DF

#5520DF

Triadic

#5520DF

#DF5520

#20DF55

Split Complementary

#5520DF

#DFB420

#4BDF20

Tetradic

#5520DF

#DF204B

#AADF20

#20DFB4

Color Blindness Simulation

Original

#5520DF

Protanopia

#3E3EB1

Deuteranopia

#4145A6

Tritanopia

#528C84

Achromatopsia

#393939

CSS Usage

background-color: #5520DF;
color: #5520DF;
border-color: #5520DF;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F2FC
100
#E8E2F9
200
#CFC1F6
300
#AD94F0
400
#815AE7
500
#5520DF
600
#441AB2
700
#36148F
800
#2A106F
900
#221051
950
#150A33

Contrast Checker

Text on white

7.9:1

AA Pass AAA Pass

Text on black

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