#586360

#586360

Color Values

HEX

#586360

RGB

88, 99, 96

HSL

163.6, 5.9%, 36.7%

HSV

163.6, 11.1%, 38.8%

CMYK

11.1%, 0.0%, 3.0%, 61.2%

OKLCH

0.4893 0.0144 177.5

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#586360

#63585B

Analogous

#58635B

#586163

#586360

Triadic

#586360

#605863

#636058

Split Complementary

#586360

#635861

#635B58

Tetradic

#586360

#5B5863

#63585B

#616358

Color Blindness Simulation

Original

#586360

Protanopia

#5D5D61

Deuteranopia

#5C5B61

Tritanopia

#596161

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DDDC
300
#BEC5C3
400
#9BA6A3
500
#788783
600
#606C69
700
#4D5654
800
#3C4441
900
#2E3332
950
#1D201F

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

3.37:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026