#587C7E

#587C7E

Color Values

HEX

#587C7E

RGB

88, 124, 126

HSL

183.2, 17.8%, 42.0%

HSV

183.2, 30.2%, 49.4%

CMYK

30.2%, 1.6%, 0.0%, 50.6%

OKLCH

0.56 0.0407 200.4

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#587C7E

#7E5A58

Analogous

#587E6D

#58697E

#587C7E

Triadic

#587C7E

#7E587C

#7C7E58

Split Complementary

#587C7E

#7E5869

#7E6D58

Tetradic

#587C7E

#6D587E

#7E5A58

#697E58

Color Blindness Simulation

Original

#587C7E

Protanopia

#68687E

Deuteranopia

#66637D

Tritanopia

#5A7D7D

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAF0F0
200
#D5E1E2
300
#B7CCCD
400
#90B0B1
500
#699496
600
#547678
700
#435F60
800
#344A4B
900
#293738
950
#1A2324

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.6: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