#5842FF

#5842FF

Color Values

HEX

#5842FF

RGB

88, 66, 255

HSL

247.0, 100.0%, 62.9%

HSV

247.0, 74.1%, 100.0%

CMYK

65.5%, 74.1%, 0.0%, 0.0%

OKLCH

0.536 0.2622 278.0

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#5842FF

#E9FF42

Analogous

#428AFF

#B642FF

#5842FF

Triadic

#5842FF

#FF5842

#42FF58

Split Complementary

#5842FF

#FFB642

#8AFF42

Tetradic

#5842FF

#FF428A

#E9FF42

#42FFB6

Color Blindness Simulation

Original

#5842FF

Protanopia

#4E4ED1

Deuteranopia

#5051C6

Tritanopia

#57ADA5

Achromatopsia

#545454

CSS Usage

background-color: #5842FF;
color: #5842FF;
border-color: #5842FF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F1FE
100
#E2DEFC
200
#C0B8FF
300
#9385FF
400
#5842FF
500
#1E00FF
600
#1800CC
700
#1300A3
800
#0F0080
900
#0F055C
950
#09033A

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

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