#5656CC

#5656CC

Color Values

HEX

#5656CC

RGB

86, 86, 204

HSL

240.0, 53.6%, 56.9%

HSV

240.0, 57.8%, 80.0%

CMYK

57.8%, 57.8%, 0.0%, 20.0%

OKLCH

0.5203 0.1782 278.2

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5656CC

#CCCC56

Analogous

#5691CC

#9156CC

#5656CC

Triadic

#5656CC

#CC5656

#56CC56

Split Complementary

#5656CC

#CC9156

#91CC56

Tetradic

#5656CC

#CC5691

#CCCC56

#56CC91

Color Blindness Simulation

Original

#5656CC

Protanopia

#5656AF

Deuteranopia

#5656A9

Tritanopia

#569994

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E5F5
200
#C8C8EE
300
#A1A1E3
400
#6E6ED3
500
#3B3BC4
600
#2F2F9D
700
#26267D
800
#1E1E62
900
#191948
950
#10102D

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

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