#587FE9

#587FE9

Color Values

HEX

#587FE9

RGB

88, 127, 233

HSL

223,9, 76,7%, 62,9%

HSV

223,9, 62,2%, 91,4%

CMYK

62,2%, 45,5%, 0,0%, 8,6%

OKLCH

0,6206 0,1655 266,5

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#587FE9

#E9C258

Analogous

#58C7E9

#7958E9

#587FE9

Triadic

#587FE9

#E9587F

#7FE958

Split Complementary

#587FE9

#E97958

#C7E958

Tetradic

#587FE9

#E958C7

#E9C258

#58E979

Color Blindness Simulation

Original

#587FE9

Protanopia

#6969CF

Deuteranopia

#6764C9

Tritanopia

#5ABBB7

Achromatopsia

#7E7E7E

CSS Usage

background-color: #587FE9;
color: #587FE9;
border-color: #587FE9;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F5FC
100
#E2E8F9
200
#C0CFF7
300
#93ACF1
400
#587FE9
500
#1E52E1
600
#1842B4
700
#133590
800
#0F2971
900
#0F2152
950
#091534

Contrast Checker

Text on white

3,73:1

AA Fail AAA Fail

Text on black

5,63: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