#60696D

#60696D

Color Values

HEX

#60696D

RGB

96, 105, 109

HSL

198.5, 6.3%, 40.2%

HSV

198.5, 11.9%, 42.7%

CMYK

11.9%, 3.7%, 0.0%, 57.3%

OKLCH

0.5145 0.0128 226.2

Properties

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

Color Harmonies

Complementary

#60696D

#6D6460

Analogous

#606D6A

#60636D

#60696D

Triadic

#60696D

#6D6069

#696D60

Split Complementary

#60696D

#6D6063

#6D6A60

Tetradic

#60696D

#6A606D

#6D6460

#636D60

Color Blindness Simulation

Original

#60696D

Protanopia

#64646C

Deuteranopia

#63636C

Tritanopia

#606B6B

Achromatopsia

#676767

CSS Usage

background-color: #60696D;
color: #60696D;
border-color: #60696D;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DCDE
300
#BEC3C6
400
#9BA3A7
500
#778388
600
#60686C
700
#4C5457
800
#3C4144
900
#2E3233
950
#1D1F20

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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