#585BE9

#585BE9

Color Values

HEX

#585BE9

RGB

88, 91, 233

HSL

238.8, 76.7%, 62.9%

HSV

238.8, 62.2%, 91.4%

CMYK

62.2%, 60.9%, 0.0%, 8.6%

OKLCH

0.5531 0.2095 276.2

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#585BE9

#E9E658

Analogous

#58A3E9

#9D58E9

#585BE9

Triadic

#585BE9

#E9585B

#5BE958

Split Complementary

#585BE9

#E99D58

#A3E958

Tetradic

#585BE9

#E958A3

#E9E658

#58E99D

Color Blindness Simulation

Original

#585BE9

Protanopia

#5959C7

Deuteranopia

#5959BE

Tritanopia

#58ABA6

Achromatopsia

#656565

CSS Usage

background-color: #585BE9;
color: #585BE9;
border-color: #585BE9;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C0C1F7
300
#9395F1
400
#585BE9
500
#1E22E1
600
#181BB4
700
#131690
800
#0F1171
900
#0F1052
950
#090A34

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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