#5656EC

#5656EC

Color Values

HEX

#5656EC

RGB

86, 86, 236

HSL

240.0, 79.8%, 63.1%

HSV

240.0, 63.6%, 92.5%

CMYK

63.6%, 63.6%, 0.0%, 7.5%

OKLCH

0.546 0.2196 276.3

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5656EC

#ECEC56

Analogous

#56A1EC

#A156EC

#5656EC

Triadic

#5656EC

#EC5656

#56EC56

Split Complementary

#5656EC

#ECA156

#A1EC56

Tetradic

#5656EC

#EC56A1

#ECEC56

#56ECA1

Color Blindness Simulation

Original

#5656EC

Protanopia

#5656C8

Deuteranopia

#5656BF

Tritanopia

#56ABA5

Achromatopsia

#616161

CSS Usage

background-color: #5656EC;
color: #5656EC;
border-color: #5656EC;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E1E1F9
200
#BFBFF8
300
#9191F3
400
#5555EC
500
#1A1AE5
600
#1515B7
700
#101093
800
#0D0D73
900
#0E0E53
950
#090935

Contrast Checker

Text on white

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