#5F696C

#5F696C

Color Values

HEX

#5F696C

RGB

95, 105, 108

HSL

193.8, 6.4%, 39.8%

HSV

193.8, 12.0%, 42.4%

CMYK

12.0%, 2.8%, 0.0%, 57.6%

OKLCH

0.5133 0.0132 217.6

Properties

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

Color Harmonies

Complementary

#5F696C

#6C625F

Analogous

#5F6C68

#5F636C

#5F696C

Triadic

#5F696C

#6C5F69

#696C5F

Split Complementary

#5F696C

#6C5F63

#6C685F

Tetradic

#5F696C

#685F6C

#6C625F

#636C5F

Color Blindness Simulation

Original

#5F696C

Protanopia

#63636B

Deuteranopia

#63626B

Tritanopia

#606B6B

Achromatopsia

#676767

CSS Usage

background-color: #5F696C;
color: #5F696C;
border-color: #5F696C;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DDDE
300
#BEC4C6
400
#9BA4A7
500
#778488
600
#5F6A6D
700
#4C5457
800
#3C4244
900
#2E3233
950
#1D2020

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

3.72:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026