#5F586B

#5F586B

Color Values

HEX

#5F586B

RGB

95, 88, 107

HSL

262.1, 9.7%, 38.2%

HSV

262.1, 17.8%, 42.0%

CMYK

11.2%, 17.8%, 0.0%, 58.0%

OKLCH

0.474 0.0314 302.0

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#5F586B

#646B58

Analogous

#585A6B

#68586B

#5F586B

Triadic

#5F586B

#6B5F58

#586B5F

Split Complementary

#5F586B

#6B6858

#5A6B58

Tetradic

#5F586B

#6B585A

#646B58

#586B68

Color Blindness Simulation

Original

#5F586B

Protanopia

#5C5C66

Deuteranopia

#5C5D65

Tritanopia

#5F6362

Achromatopsia

#5B5B5B

CSS Usage

background-color: #5F586B;
color: #5F586B;
border-color: #5F586B;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F7F7F8
100
#EDECEF
200
#DAD8DF
300
#C0BCC8
400
#9E97AA
500
#7C738C
600
#635C70
700
#504A5A
800
#3E3A46
900
#2F2C35
950
#1E1C21

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

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