#5658F0

#5658F0

Color Values

HEX

#5658F0

RGB

86, 88, 240

HSL

239.2, 83.7%, 63.9%

HSV

239.2, 64.2%, 94.1%

CMYK

64.2%, 63.3%, 0.0%, 5.9%

OKLCH

0.5526 0.2223 275.7

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5658F0

#F0EE56

Analogous

#56A5F0

#A156F0

#5658F0

Triadic

#5658F0

#F05658

#58F056

Split Complementary

#5658F0

#F0A156

#A5F056

Tetradic

#5658F0

#F056A5

#F0EE56

#56F0A1

Color Blindness Simulation

Original

#5658F0

Protanopia

#5757CB

Deuteranopia

#5757C2

Tritanopia

#56AEA8

Achromatopsia

#636363

CSS Usage

background-color: #5658F0;
color: #5658F0;
border-color: #5658F0;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDBEF9
300
#8F90F5
400
#5254F0
500
#1518EA
600
#1113BB
700
#0D0F96
800
#0A0C75
900
#0C0D55
950
#080836

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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