#676565

#676565

Color Values

HEX

#676565

RGB

103, 101, 101

HSL

0.0, 1.0%, 40.0%

HSV

0.0, 1.9%, 40.4%

CMYK

0.0%, 1.9%, 1.9%, 59.6%

OKLCH

0.5086 0.0025 17.2

Properties

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

Color Harmonies

Complementary

#676565

#656767

Analogous

#676566

#676665

#676565

Triadic

#676565

#656765

#656567

Split Complementary

#676565

#656766

#656667

Tetradic

#676565

#666765

#656767

#666567

Color Blindness Simulation

Original

#676565

Protanopia

#666665

Deuteranopia

#666665

Tritanopia

#676565

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDBDB
300
#C2C1C1
400
#A2A0A0
500
#817E7E
600
#676565
700
#525151
800
#403F3F
900
#313030
950
#1F1E1E

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

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