#5656C8

#5656C8

Color Values

HEX

#5656C8

RGB

86, 86, 200

HSL

240.0, 50.9%, 56.1%

HSV

240.0, 57.0%, 78.4%

CMYK

57.0%, 57.0%, 0.0%, 21.6%

OKLCH

0.5173 0.1729 278.5

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5656C8

#C8C856

Analogous

#568FC8

#8F56C8

#5656C8

Triadic

#5656C8

#C85656

#56C856

Split Complementary

#5656C8

#C88F56

#8FC856

Tetradic

#5656C8

#C8568F

#C8C856

#56C88F

Color Blindness Simulation

Original

#5656C8

Protanopia

#5656AC

Deuteranopia

#5656A6

Tritanopia

#569792

Achromatopsia

#5E5E5E

CSS Usage

background-color: #5656C8;
color: #5656C8;
border-color: #5656C8;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E5E5F5
200
#C9C9ED
300
#A3A3E1
400
#7171D1
500
#3F3FC0
600
#32329A
700
#28287B
800
#1F1F60
900
#1A1A47
950
#11112D

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

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