#676665

#676665

Color Values

HEX

#676665

RGB

103, 102, 101

HSL

30.0, 1.0%, 40.0%

HSV

30.0, 1.9%, 40.4%

CMYK

0.0%, 1.0%, 1.9%, 59.6%

OKLCH

0.5109 0.002 67.8

Properties

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

Color Harmonies

Complementary

#676665

#656667

Analogous

#676565

#676765

#676665

Triadic

#676665

#656766

#666567

Split Complementary

#676665

#656767

#656567

Tetradic

#676665

#656765

#656667

#676567

Color Blindness Simulation

Original

#676665

Protanopia

#676765

Deuteranopia

#676765

Tritanopia

#676565

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDBDB
300
#C2C2C1
400
#A2A1A0
500
#81807E
600
#676665
700
#525251
800
#40403F
900
#313030
950
#1F1F1E

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

3.67:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026