#5944FE

#5944FE

Color Values

HEX

#5944FE

RGB

89, 68, 254

HSL

246.8, 98.9%, 63.1%

HSV

246.8, 73.2%, 99.6%

CMYK

65.0%, 73.2%, 0.0%, 0.4%

OKLCH

0.5382 0.2591 278.2

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#5944FE

#E9FE44

Analogous

#448CFE

#B644FE

#5944FE

Triadic

#5944FE

#FE5944

#44FE59

Split Complementary

#5944FE

#FEB644

#8CFE44

Tetradic

#5944FE

#FE448C

#E9FE44

#44FEB6

Color Blindness Simulation

Original

#5944FE

Protanopia

#5050D1

Deuteranopia

#5153C6

Tritanopia

#58ADA6

Achromatopsia

#565656

CSS Usage

background-color: #5944FE;
color: #5944FE;
border-color: #5944FE;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F1FE
100
#E2DEFC
200
#C0B8FF
300
#9385FE
400
#5843FE
500
#1E01FE
600
#1801CB
700
#1301A2
800
#0F017F
900
#0F055C
950
#0A033A

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

3.68:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026