#5F686D

#5F686D

Color Values

HEX

#5F686D

RGB

95, 104, 109

HSL

201.4, 6.9%, 40.0%

HSV

201.4, 12.8%, 42.7%

CMYK

12.8%, 4.6%, 0.0%, 57.3%

OKLCH

0.5113 0.0136 231.9

Properties

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

Color Harmonies

Complementary

#5F686D

#6D645F

Analogous

#5F6D6B

#5F616D

#5F686D

Triadic

#5F686D

#6D5F68

#686D5F

Split Complementary

#5F686D

#6D5F61

#6D6B5F

Tetradic

#5F686D

#6B5F6D

#6D645F

#616D5F

Color Blindness Simulation

Original

#5F686D

Protanopia

#63636C

Deuteranopia

#62626C

Tritanopia

#5F6B6B

Achromatopsia

#666666

CSS Usage

background-color: #5F686D;
color: #5F686D;
border-color: #5F686D;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DCDE
300
#BEC3C6
400
#9AA3A7
500
#778288
600
#5F686D
700
#4C5357
800
#3B4144
900
#2D3133
950
#1D1F21

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

3.69:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026