#585AC6

#585AC6

Color Values

HEX

#585AC6

RGB

88, 90, 198

HSL

238.9, 49.1%, 56.1%

HSV

238.9, 55.6%, 77.6%

CMYK

55.6%, 54.5%, 0.0%, 22.4%

OKLCH

0.5245 0.1645 278.3

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#585AC6

#C6C458

Analogous

#5891C6

#8D58C6

#585AC6

Triadic

#585AC6

#C6585A

#5AC658

Split Complementary

#585AC6

#C68D58

#91C658

Tetradic

#585AC6

#C65891

#C6C458

#58C68D

Color Blindness Simulation

Original

#585AC6

Protanopia

#5959AC

Deuteranopia

#5959A6

Tritanopia

#589793

Achromatopsia

#616161

CSS Usage

background-color: #585AC6;
color: #585AC6;
border-color: #585AC6;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

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

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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