#5220DF

#5220DF

Color Values

HEX

#5220DF

RGB

82, 32, 223

HSL

255,7, 74,9%, 50,0%

HSV

255,7, 85,7%, 87,5%

CMYK

63,2%, 85,7%, 0,0%, 12,5%

OKLCH

0,4644 0,2544 282,1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#5220DF

#ADDF20

Analogous

#204EDF

#B120DF

#5220DF

Triadic

#5220DF

#DF5220

#20DF52

Split Complementary

#5220DF

#DFB120

#4EDF20

Tetradic

#5220DF

#DF204E

#ADDF20

#20DFB1

Color Blindness Simulation

Original

#5220DF

Protanopia

#3C3CB1

Deuteranopia

#3F43A6

Tritanopia

#4F8C84

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F5F2FC
100
#E8E2F9
200
#CFC1F6
300
#AC94F0
400
#7F5AE7
500
#5220DF
600
#421AB2
700
#34148F
800
#29106F
900
#211051
950
#150A33

Contrast Checker

Text on white

7,98:1

AA Pass AAA Pass

Text on black

2,63: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