#5656EB

#5656EB

Color Values

HEX

#5656EB

RGB

86, 86, 235

HSL

240,0, 78,8%, 62,9%

HSV

240,0, 63,4%, 92,2%

CMYK

63,4%, 63,4%, 0,0%, 7,8%

OKLCH

0,5451 0,2183 276,4

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5656EB

#EBEB56

Analogous

#56A0EB

#A056EB

#5656EB

Triadic

#5656EB

#EB5656

#56EB56

Split Complementary

#5656EB

#EBA056

#A0EB56

Tetradic

#5656EB

#EB56A0

#EBEB56

#56EBA0

Color Blindness Simulation

Original

#5656EB

Protanopia

#5656C7

Deuteranopia

#5656BE

Tritanopia

#56AAA4

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F2F2FC
100
#E1E1F9
200
#BFBFF7
300
#9292F2
400
#5656EB
500
#1B1BE4
600
#1616B6
700
#111192
800
#0E0E72
900
#0E0E53
950
#090934

Contrast Checker

Text on white

5,35:1

AA Pass AAA Fail

Text on black

3,93:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

فبراير 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

فبراير 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

فبراير 20, 2026