#585F63

#585F63

Color Values

HEX

#585F63

RGB

88, 95, 99

HSL

201.8, 5.9%, 36.7%

HSV

201.8, 11.1%, 38.8%

CMYK

11.1%, 4.0%, 0.0%, 61.2%

OKLCH

0.4807 0.0109 232.6

Properties

Cool Dark Nearest: NCS S 6000-N Medium Dark Grey

Color Harmonies

Complementary

#585F63

#635C58

Analogous

#586362

#585A63

#585F63

Triadic

#585F63

#63585F

#5F6358

Split Complementary

#585F63

#63585A

#636258

Tetradic

#585F63

#625863

#635C58

#5A6358

Color Blindness Simulation

Original

#585F63

Protanopia

#5B5B62

Deuteranopia

#5B5A62

Tritanopia

#586161

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DCDD
300
#BEC3C5
400
#9BA2A6
500
#788287
600
#60686C
700
#4D5356
800
#3C4144
900
#2E3133
950
#1D1F20

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

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