#586159

#586159

Color Values

HEX

#586159

RGB

88, 97, 89

HSL

126.7, 4.9%, 36.3%

HSV

126.7, 9.3%, 38.0%

CMYK

9.3%, 0.0%, 8.2%, 62.0%

OKLCH

0.4822 0.0169 148.5

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#586159

#615860

Analogous

#5C6158

#58615E

#586159

Triadic

#586159

#595861

#615958

Split Complementary

#586159

#5E5861

#61585C

Tetradic

#586159

#585C61

#615860

#615E58

Color Blindness Simulation

Original

#586159

Protanopia

#5C5C5B

Deuteranopia

#5B5B5B

Tritanopia

#585C5D

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#DADDDA
300
#BFC5BF
400
#9CA59D
500
#79867B
600
#616B62
700
#4E564E
800
#3D433D
900
#2E332F
950
#1D201E

Contrast Checker

Text on white

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