#5658C5

#5658C5

Color Values

HEX

#5658C5

RGB

86, 88, 197

HSL

238.9, 48.9%, 55.5%

HSV

238.9, 56.3%, 77.3%

CMYK

56.3%, 55.3%, 0.0%, 22.7%

OKLCH

0.5187 0.1662 278.1

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#5658C5

#C5C356

Analogous

#5690C5

#8B56C5

#5658C5

Triadic

#5658C5

#C55658

#58C556

Split Complementary

#5658C5

#C58B56

#90C556

Tetradic

#5658C5

#C55690

#C5C356

#56C58B

Color Blindness Simulation

Original

#5658C5

Protanopia

#5757AB

Deuteranopia

#5757A4

Tritanopia

#569691

Achromatopsia

#5F5F5F

CSS Usage

background-color: #5658C5;
color: #5658C5;
border-color: #5658C5;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CACAED
300
#A4A5E0
400
#7374CF
500
#4143BE
600
#343698
700
#2A2B7A
800
#21225F
900
#1B1C46
950
#11122C

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