#5442FF

#5442FF

Color Values

HEX

#5442FF

RGB

84, 66, 255

HSL

245.7, 100.0%, 62.9%

HSV

245.7, 74.1%, 100.0%

CMYK

67.1%, 74.1%, 0.0%, 0.0%

OKLCH

0.5332 0.263 276.9

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#5442FF

#EDFF42

Analogous

#428EFF

#B242FF

#5442FF

Triadic

#5442FF

#FF5442

#42FF54

Split Complementary

#5442FF

#FFB242

#8EFF42

Tetradic

#5442FF

#FF428E

#EDFF42

#42FFB2

Color Blindness Simulation

Original

#5442FF

Protanopia

#4C4CD1

Deuteranopia

#4D4FC6

Tritanopia

#53ADA5

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#BEB8FF
300
#9085FF
400
#5442FF
500
#1800FF
600
#1300CC
700
#1000A3
800
#0C0080
900
#0D055C
950
#08033A

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

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