#5820DF

#5820DF

Color Values

HEX

#5820DF

RGB

88, 32, 223

HSL

257.6, 74.9%, 50.0%

HSV

257.6, 85.7%, 87.5%

CMYK

60.5%, 85.7%, 0.0%, 12.5%

OKLCH

0.4697 0.2536 284.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#5820DF

#A7DF20

Analogous

#2047DF

#B820DF

#5820DF

Triadic

#5820DF

#DF5820

#20DF58

Split Complementary

#5820DF

#DFB820

#47DF20

Tetradic

#5820DF

#DF2047

#A7DF20

#20DFB8

Color Blindness Simulation

Original

#5820DF

Protanopia

#403FB1

Deuteranopia

#4347A6

Tritanopia

#558C84

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F5F2FC
100
#E8E2F9
200
#D0C1F6
300
#AF94F0
400
#835AE7
500
#5820DF
600
#461AB2
700
#38148F
800
#2C106F
900
#231051
950
#160A33

Contrast Checker

Text on white

7.82:1

AA Pass AAA Pass

Text on black

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