#5654CC

#5654CC

Color Values

HEX

#5654CC

RGB

86, 84, 204

HSL

241.0, 54.1%, 56.5%

HSV

241.0, 58.8%, 80.0%

CMYK

57.8%, 58.8%, 0.0%, 20.0%

OKLCH

0.5167 0.1808 278.7

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5654CC

#CACC54

Analogous

#548ECC

#9254CC

#5654CC

Triadic

#5654CC

#CC5654

#54CC56

Split Complementary

#5654CC

#CC9254

#8ECC54

Tetradic

#5654CC

#CC548E

#CACC54

#54CC92

Color Blindness Simulation

Original

#5654CC

Protanopia

#5555AF

Deuteranopia

#5555A8

Tritanopia

#569893

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E5F5
200
#C9C8EF
300
#A2A1E3
400
#6F6ED4
500
#3D3BC4
600
#312F9D
700
#27257E
800
#1E1D62
900
#1A1948
950
#10102D

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

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