#5746FC

#5746FC

Color Values

HEX

#5746FC

RGB

87, 70, 252

HSL

245.6, 96.8%, 63.1%

HSV

245.6, 72.2%, 98.8%

CMYK

65.5%, 72.2%, 0.0%, 1.2%

OKLCH

0.5375 0.2553 277.6

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#5746FC

#EBFC46

Analogous

#4690FC

#B246FC

#5746FC

Triadic

#5746FC

#FC5746

#46FC57

Split Complementary

#5746FC

#FCB246

#90FC46

Tetradic

#5746FC

#FC4690

#EBFC46

#46FCB2

Color Blindness Simulation

Original

#5746FC

Protanopia

#504FD0

Deuteranopia

#5152C5

Tritanopia

#56ADA6

Achromatopsia

#575757

CSS Usage

background-color: #5746FC;
color: #5746FC;
border-color: #5746FC;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#BFB9FE
300
#9287FD
400
#5645FC
500
#1B04FB
600
#1603C9
700
#1103A1
800
#0E027D
900
#0E065B
950
#090439

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

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