#587AE9

#587AE9

Color Values

HEX

#587AE9

RGB

88, 122, 233

HSL

225.9, 76.7%, 62.9%

HSV

225.9, 62.2%, 91.4%

CMYK

62.2%, 47.6%, 0.0%, 8.6%

OKLCH

0.6105 0.1715 268.2

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#587AE9

#E9C758

Analogous

#58C2E9

#7E58E9

#587AE9

Triadic

#587AE9

#E9587A

#7AE958

Split Complementary

#587AE9

#E97E58

#C2E958

Tetradic

#587AE9

#E958C2

#E9C758

#58E97E

Color Blindness Simulation

Original

#587AE9

Protanopia

#6767CE

Deuteranopia

#6562C8

Tritanopia

#5AB9B4

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E2E7F9
200
#C0CDF7
300
#93A9F1
400
#587AE9
500
#1E4CE1
600
#183DB4
700
#133090
800
#0F2671
900
#0F1F52
950
#091334

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

5.38:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026