#5736ED

#5736ED

Color Values

HEX

#5736ED

RGB

87, 54, 237

HSL

250.8, 83.6%, 57.1%

HSV

250.8, 77.2%, 92.9%

CMYK

63.3%, 77.2%, 0.0%, 7.1%

OKLCH

0.5036 0.2528 280.5

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#5736ED

#CCED36

Analogous

#3671ED

#B336ED

#5736ED

Triadic

#5736ED

#ED5736

#36ED57

Split Complementary

#5736ED

#EDB336

#71ED36

Tetradic

#5736ED

#ED3671

#CCED36

#36EDB3

Color Blindness Simulation

Original

#5736ED

Protanopia

#4948C1

Deuteranopia

#4B4DB6

Tritanopia

#559E96

Achromatopsia

#4A4A4A

CSS Usage

background-color: #5736ED;
color: #5736ED;
border-color: #5736ED;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F4F2FD
100
#E5E0FA
200
#C8BDF9
300
#A18FF5
400
#6E52F0
500
#3B15EA
600
#2F11BB
700
#260D96
800
#1E0A75
900
#190C55
950
#100836

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

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