#586160

#586160

Color Values

HEX

#586160

RGB

88, 97, 96

HSL

173.3, 4.9%, 36.3%

HSV

173.3, 9.3%, 38.0%

CMYK

9.3%, 0.0%, 1.0%, 62.0%

OKLCH

0.4845 0.0113 188.7

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#586160

#615859

Analogous

#58615C

#585E61

#586160

Triadic

#586160

#605861

#616058

Split Complementary

#586160

#61585E

#615C58

Tetradic

#586160

#5C5861

#615859

#5E6158

Color Blindness Simulation

Original

#586160

Protanopia

#5C5C60

Deuteranopia

#5B5B60

Tritanopia

#586060

Achromatopsia

#5F5F5F

CSS Usage

background-color: #586160;
color: #586160;
border-color: #586160;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#DADDDD
300
#BFC5C4
400
#9CA5A4
500
#798684
600
#616B6A
700
#4E5655
800
#3D4342
900
#2E3332
950
#1D2020

Contrast Checker

Text on white

6.38:1

AA Pass AAA Fail

Text on black

3.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026