#587C87

#587C87

Color Values

HEX

#587C87

RGB

88, 124, 135

HSL

194.0, 21.1%, 43.7%

HSV

194.0, 34.8%, 52.9%

CMYK

34.8%, 8.1%, 0.0%, 47.1%

OKLCH

0.5633 0.0439 218.7

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#587C87

#876358

Analogous

#58877A

#586487

#587C87

Triadic

#587C87

#87587C

#7C8758

Split Complementary

#587C87

#875864

#877A58

Tetradic

#587C87

#7A5887

#876358

#648758

Color Blindness Simulation

Original

#587C87

Protanopia

#686884

Deuteranopia

#666384

Tritanopia

#5A8282

Achromatopsia

#757575

CSS Usage

background-color: #587C87;
color: #587C87;
border-color: #587C87;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4DFE3
300
#B5C9CF
400
#8DABB5
500
#658E9A
600
#50717C
700
#405B63
800
#32474D
900
#27353A
950
#192224

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

4.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026