#586C74

#586C74

Color Values

HEX

#586C74

RGB

88, 108, 116

HSL

197.1, 13.7%, 40.0%

HSV

197.1, 24.1%, 45.5%

CMYK

24.1%, 6.9%, 0.0%, 54.5%

OKLCH

0.5179 0.027 224.1

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#586C74

#746058

Analogous

#58746E

#585E74

#586C74

Triadic

#586C74

#74586C

#6C7458

Split Complementary

#586C74

#74585E

#746E58

Tetradic

#586C74

#6E5874

#746058

#5E7458

Color Blindness Simulation

Original

#586C74

Protanopia

#616172

Deuteranopia

#605E72

Tritanopia

#597170

Achromatopsia

#686868

CSS Usage

background-color: #586C74;
color: #586C74;
border-color: #586C74;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DDE0
300
#B9C5CA
400
#94A6AE
500
#6E8791
600
#586C74
700
#46565D
800
#374448
900
#2A3336
950
#1B2022

Contrast Checker

Text on white

5.51:1

AA Pass AAA Fail

Text on black

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