#60686A

#60686A

Color Values

HEX

#60686A

RGB

96, 104, 106

HSL

192.0, 5.0%, 39.6%

HSV

192.0, 9.4%, 41.6%

CMYK

9.4%, 1.9%, 0.0%, 58.4%

OKLCH

0.5111 0.0104 214.4

Properties

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

Color Harmonies

Complementary

#60686A

#6A6260

Analogous

#606A67

#60636A

#60686A

Triadic

#60686A

#6A6068

#686A60

Split Complementary

#60686A

#6A6063

#6A6760

Tetradic

#60686A

#67606A

#6A6260

#636A60

Color Blindness Simulation

Original

#60686A

Protanopia

#63646A

Deuteranopia

#636269

Tritanopia

#606969

Achromatopsia

#666666

CSS Usage

background-color: #60686A;
color: #60686A;
border-color: #60686A;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#DADCDD
300
#BFC4C5
400
#9CA3A5
500
#798386
600
#61696B
700
#4E5456
800
#3D4243
900
#2E3233
950
#1D1F20

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

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