#586B68

#586B68

Color Values

HEX

#586B68

RGB

88, 107, 104

HSL

170.5, 9.7%, 38.2%

HSV

170.5, 17.8%, 42.0%

CMYK

17.8%, 0.0%, 2.8%, 58.0%

OKLCH

0.5112 0.0233 184.8

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#586B68

#6B585B

Analogous

#586B5E

#58646B

#586B68

Triadic

#586B68

#68586B

#6B6858

Split Complementary

#586B68

#6B5864

#6B5E58

Tetradic

#586B68

#5E586B

#6B585B

#646B58

Color Blindness Simulation

Original

#586B68

Protanopia

#606069

Deuteranopia

#5F5E69

Tritanopia

#596969

Achromatopsia

#676767

CSS Usage

background-color: #586B68;
color: #586B68;
border-color: #586B68;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#ECEFEE
200
#D8DFDE
300
#BCC8C6
400
#97AAA7
500
#738C88
600
#5C706D
700
#4A5A57
800
#3A4644
900
#2C3533
950
#1C2120

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

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