#5706F9

#5706F9

Color Values

HEX

#5706F9

RGB

87, 6, 249

HSL

260.0, 95.3%, 50.0%

HSV

260.0, 97.6%, 97.6%

CMYK

65.1%, 97.6%, 0.0%, 2.4%

OKLCH

0.4854 0.2887 281.2

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#5706F9

#A8F906

Analogous

#062EF9

#D106F9

#5706F9

Triadic

#5706F9

#F95706

#06F957

Split Complementary

#5706F9

#F9D106

#2EF906

Tetradic

#5706F9

#F9062E

#A8F906

#06F9D1

Color Blindness Simulation

Original

#5706F9

Protanopia

#3433BE

Deuteranopia

#393FB0

Tritanopia

#539086

Achromatopsia

#292929

CSS Usage

background-color: #5706F9;
color: #5706F9;
border-color: #5706F9;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F5F1FE
100
#E8DFFC
200
#D0B9FD
300
#AE87FC
400
#8347FB
500
#5706F9
600
#4605C7
700
#38049F
800
#2B037D
900
#23075A
950
#160439

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

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