#616667

#616667

Color Values

HEX

#616667

RGB

97, 102, 103

HSL

190.0, 3.0%, 39.2%

HSV

190.0, 5.8%, 40.4%

CMYK

5.8%, 1.0%, 0.0%, 59.6%

OKLCH

0.5062 0.0064 211.0

Properties

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

Color Harmonies

Complementary

#616667

#676261

Analogous

#616765

#616367

#616667

Triadic

#616667

#676166

#666761

Split Complementary

#616667

#676163

#676561

Tetradic

#616667

#656167

#676261

#636761

Color Blindness Simulation

Original

#616667

Protanopia

#636367

Deuteranopia

#636267

Tritanopia

#616767

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADCDC
300
#C0C3C4
400
#9EA3A3
500
#7C8283
600
#636869
700
#4F5354
800
#3E4142
900
#2F3132
950
#1E1F1F

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

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