#586CE9

#586CE9

Color Values

HEX

#586CE9

RGB

88, 108, 233

HSL

231.7, 76.7%, 62.9%

HSV

231.7, 62.2%, 91.4%

CMYK

62.2%, 53.6%, 0.0%, 8.6%

OKLCH

0.5834 0.1888 272.3

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#586CE9

#E9D558

Analogous

#58B4E9

#8C58E9

#586CE9

Triadic

#586CE9

#E9586C

#6CE958

Split Complementary

#586CE9

#E98C58

#B4E958

Tetradic

#586CE9

#E958B4

#E9D558

#58E98C

Color Blindness Simulation

Original

#586CE9

Protanopia

#6161CB

Deuteranopia

#605EC4

Tritanopia

#59B3AE

Achromatopsia

#717171

CSS Usage

background-color: #586CE9;
color: #586CE9;
border-color: #586CE9;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FC
100
#E2E5F9
200
#C0C7F7
300
#93A0F1
400
#586CE9
500
#1E39E1
600
#182DB4
700
#132490
800
#0F1C71
900
#0F1852
950
#090F34

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

4.74:1

AA Pass 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