#676166

#676166

Color Values

HEX

#676166

RGB

103, 97, 102

HSL

310.0, 3.0%, 39.2%

HSV

310.0, 5.8%, 40.4%

CMYK

0.0%, 5.8%, 1.0%, 59.6%

OKLCH

0.4998 0.0108 331.1

Properties

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

Color Harmonies

Complementary

#676166

#616762

Analogous

#656167

#676163

#676166

Triadic

#676166

#666761

#616667

Split Complementary

#676166

#636761

#616765

Tetradic

#676166

#676561

#616762

#616367

Color Blindness Simulation

Original

#676166

Protanopia

#646465

Deuteranopia

#656564

Tritanopia

#676464

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDADC
300
#C4C0C3
400
#A39EA3
500
#837C82
600
#696368
700
#544F53
800
#423E41
900
#322F31
950
#1F1E1F

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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