#5644FD

#5644FD

Color Values

HEX

#5644FD

RGB

86, 68, 253

HSL

245.8, 97.9%, 62.9%

HSV

245.8, 73.1%, 99.2%

CMYK

66.0%, 73.1%, 0.0%, 0.8%

OKLCH

0.5352 0.2585 277.4

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#5644FD

#EBFD44

Analogous

#448EFD

#B244FD

#5644FD

Triadic

#5644FD

#FD5644

#44FD56

Split Complementary

#5644FD

#FDB244

#8EFD44

Tetradic

#5644FD

#FD448E

#EBFD44

#44FDB2

Color Blindness Simulation

Original

#5644FD

Protanopia

#4E4ED0

Deuteranopia

#4F51C6

Tritanopia

#55ADA5

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#BFB8FE
300
#9186FE
400
#5644FD
500
#1B03FC
600
#1502CA
700
#1102A1
800
#0D017E
900
#0E065B
950
#09043A

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