#676F65

#676F65

Color Values

HEX

#676F65

RGB

103, 111, 101

HSL

108.0, 4.7%, 41.6%

HSV

108.0, 9.0%, 43.5%

CMYK

7.2%, 0.0%, 9.0%, 56.5%

OKLCH

0.5317 0.0182 139.4

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#676F65

#6D656F

Analogous

#6C6F65

#656F68

#676F65

Triadic

#676F65

#65676F

#6F6567

Split Complementary

#676F65

#68656F

#6F656C

Tetradic

#676F65

#656C6F

#6D656F

#6F6865

Color Blindness Simulation

Original

#676F65

Protanopia

#6A6B67

Deuteranopia

#6A6968

Tritanopia

#67696A

Achromatopsia

#6D6D6D

CSS Usage

background-color: #676F65;
color: #676F65;
border-color: #676F65;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DADDDA
300
#C0C5BF
400
#9EA59C
500
#7C857A
600
#636B61
700
#4F554E
800
#3E433D
900
#2F322E
950
#1E201D

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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