#587FB7

#587FB7

Color Values

HEX

#587FB7

RGB

88, 127, 183

HSL

215.4, 39.7%, 53.1%

HSV

215.4, 51.9%, 71.8%

CMYK

51.9%, 30.6%, 0.0%, 28.2%

OKLCH

0.5917 0.0969 257.4

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#587FB7

#B79058

Analogous

#58AEB7

#6058B7

#587FB7

Triadic

#587FB7

#B7587F

#7FB758

Split Complementary

#587FB7

#B76058

#AEB758

Tetradic

#587FB7

#B758AE

#B79058

#58B760

Color Blindness Simulation

Original

#587FB7

Protanopia

#6969A9

Deuteranopia

#6764A6

Tritanopia

#5A9F9C

Achromatopsia

#7B7B7B

CSS Usage

background-color: #587FB7;
color: #587FB7;
border-color: #587FB7;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDD9E9
300
#AABDDA
400
#7B9AC6
500
#4D76B2
600
#3E5F8E
700
#314C72
800
#263B59
900
#1F2D42
950
#141D2A

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

5.13:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026