#586170

#586170

Color Values

HEX

#586170

RGB

88, 97, 112

HSL

217.5, 12.0%, 39.2%

HSV

217.5, 21.4%, 43.9%

CMYK

21.4%, 13.4%, 0.0%, 56.1%

OKLCH

0.4904 0.0266 260.7

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#586170

#706758

Analogous

#586D70

#5B5870

#586170

Triadic

#586170

#705861

#617058

Split Complementary

#586170

#705B58

#6D7058

Tetradic

#586170

#70586D

#706758

#58705B

Color Blindness Simulation

Original

#586170

Protanopia

#5C5C6C

Deuteranopia

#5B5B6B

Tritanopia

#586A69

Achromatopsia

#606060

CSS Usage

background-color: #586170;
color: #586170;
border-color: #586170;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DAE0
300
#BAC0C9
400
#959EAC
500
#707C8F
600
#5A6372
700
#484F5B
800
#383E47
900
#2B2F36
950
#1B1E22

Contrast Checker

Text on white

6.25:1

AA Pass AAA Fail

Text on black

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