#586158

#586158

Color Values

HEX

#586158

RGB

88, 97, 88

HSL

120.0, 4.9%, 36.3%

HSV

120.0, 9.3%, 38.0%

CMYK

9.3%, 0.0%, 9.3%, 62.0%

OKLCH

0.4819 0.0181 145.3

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#586158

#615861

Analogous

#5D6158

#58615D

#586158

Triadic

#586158

#585861

#615858

Split Complementary

#586158

#5D5861

#61585D

Tetradic

#586158

#585D61

#615861

#615D58

Color Blindness Simulation

Original

#586158

Protanopia

#5C5C5A

Deuteranopia

#5B5B5B

Tritanopia

#585C5C

Achromatopsia

#5E5E5E

CSS Usage

background-color: #586158;
color: #586158;
border-color: #586158;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#DADDDA
300
#BFC5BF
400
#9CA59C
500
#798679
600
#616B61
700
#4E564E
800
#3D433D
900
#2E332E
950
#1D201D

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

3.27:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026