#676266

#676266

Color Values

HEX

#676266

RGB

103, 98, 102

HSL

312.0, 2.5%, 39.4%

HSV

312.0, 4.9%, 40.4%

CMYK

0.0%, 4.9%, 1.0%, 59.6%

OKLCH

0.5021 0.0088 332.3

Properties

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

Color Harmonies

Complementary

#676266

#626763

Analogous

#656267

#676263

#676266

Triadic

#676266

#666762

#626667

Split Complementary

#676266

#636762

#626765

Tetradic

#676266

#676562

#626763

#626367

Color Blindness Simulation

Original

#676266

Protanopia

#656565

Deuteranopia

#656665

Tritanopia

#676464

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDADC
300
#C3C0C3
400
#A39EA2
500
#837C81
600
#696368
700
#545053
800
#413E41
900
#322F31
950
#1F1E1F

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026