#586D82

#586D82

Color Values

HEX

#586D82

RGB

88, 109, 130

HSL

210.0, 19.3%, 42.7%

HSV

210.0, 32.3%, 51.0%

CMYK

32.3%, 16.2%, 0.0%, 49.0%

OKLCH

0.5258 0.0417 248.6

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#586D82

#826D58

Analogous

#588282

#585882

#586D82

Triadic

#586D82

#82586D

#6D8258

Split Complementary

#586D82

#825858

#828258

Tetradic

#586D82

#825882

#826D58

#588258

Color Blindness Simulation

Original

#586D82

Protanopia

#61617D

Deuteranopia

#605E7C

Tritanopia

#597978

Achromatopsia

#6A6A6A

CSS Usage

background-color: #586D82;
color: #586D82;
border-color: #586D82;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DBE2
300
#B6C2CE
400
#8EA1B3
500
#678098
600
#52667A
700
#425261
800
#33404C
900
#283039
950
#191F24

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail 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