#5620DF

#5620DF

Color Values

HEX

#5620DF

RGB

86, 32, 223

HSL

257.0, 74.9%, 50.0%

HSV

257.0, 85.7%, 87.5%

CMYK

61.4%, 85.7%, 0.0%, 12.5%

OKLCH

0.4679 0.2539 283.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#5620DF

#A9DF20

Analogous

#2049DF

#B620DF

#5620DF

Triadic

#5620DF

#DF5620

#20DF56

Split Complementary

#5620DF

#DFB620

#49DF20

Tetradic

#5620DF

#DF2049

#A9DF20

#20DFB6

Color Blindness Simulation

Original

#5620DF

Protanopia

#3F3EB1

Deuteranopia

#4246A6

Tritanopia

#538C84

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F5F2FC
100
#E8E2F9
200
#D0C1F6
300
#AE94F0
400
#825AE7
500
#5620DF
600
#451AB2
700
#37148F
800
#2B106F
900
#221051
950
#160A33

Contrast Checker

Text on white

7.87:1

AA Pass AAA Pass

Text on black

2.67:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026