#5744FD

#5744FD

Color Values

HEX

#5744FD

RGB

87, 68, 253

HSL

246.2, 97.9%, 62.9%

HSV

246.2, 73.1%, 99.2%

CMYK

65.6%, 73.1%, 0.0%, 0.8%

OKLCH

0.5358 0.2583 277.7

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#5744FD

#EAFD44

Analogous

#448DFD

#B444FD

#5744FD

Triadic

#5744FD

#FD5744

#44FD57

Split Complementary

#5744FD

#FDB444

#8DFD44

Tetradic

#5744FD

#FD448D

#EAFD44

#44FDB4

Color Blindness Simulation

Original

#5744FD

Protanopia

#4F4FD0

Deuteranopia

#5051C6

Tritanopia

#56ADA5

Achromatopsia

#555555

CSS Usage

background-color: #5744FD;
color: #5744FD;
border-color: #5744FD;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#C0B8FE
300
#9286FE
400
#5744FD
500
#1C03FC
600
#1702CA
700
#1202A1
800
#0E017E
900
#0F065B
950
#09043A

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

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