#586D74

#586D74

Color Values

HEX

#586D74

RGB

88, 109, 116

HSL

195.0, 13.7%, 40.0%

HSV

195.0, 24.1%, 45.5%

CMYK

24.1%, 6.0%, 0.0%, 54.5%

OKLCH

0.5203 0.0273 220.1

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#586D74

#745F58

Analogous

#58746D

#585F74

#586D74

Triadic

#586D74

#74586D

#6D7458

Split Complementary

#586D74

#74585F

#746D58

Tetradic

#586D74

#6D5874

#745F58

#5F7458

Color Blindness Simulation

Original

#586D74

Protanopia

#616172

Deuteranopia

#605E72

Tritanopia

#597171

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DEE0
300
#B9C6CA
400
#94A7AE
500
#6E8891
600
#586D74
700
#46575D
800
#374448
900
#2A3336
950
#1B2022

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

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