#5756EB

#5756EB

Color Values

HEX

#5756EB

RGB

87, 86, 235

HSL

240.4, 78.8%, 62.9%

HSV

240.4, 63.4%, 92.2%

CMYK

63.0%, 63.4%, 0.0%, 7.8%

OKLCH

0.5458 0.2181 276.7

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5756EB

#EAEB56

Analogous

#569FEB

#A156EB

#5756EB

Triadic

#5756EB

#EB5756

#56EB57

Split Complementary

#5756EB

#EBA156

#9FEB56

Tetradic

#5756EB

#EB569F

#EAEB56

#56EBA1

Color Blindness Simulation

Original

#5756EB

Protanopia

#5757C7

Deuteranopia

#5757BE

Tritanopia

#57AAA4

Achromatopsia

#616161

CSS Usage

background-color: #5756EB;
color: #5756EB;
border-color: #5756EB;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FC
100
#E1E1F9
200
#C0BFF7
300
#9292F2
400
#5756EB
500
#1C1BE4
600
#1716B6
700
#121192
800
#0E0E72
900
#0F0E53
950
#090934

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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