#686F65

#686F65

Color Values

HEX

#686F65

RGB

104, 111, 101

HSL

102.0, 4.7%, 41.6%

HSV

102.0, 9.0%, 43.5%

CMYK

6.3%, 0.0%, 9.0%, 56.5%

OKLCH

0.5326 0.0175 136.1

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#686F65

#6C656F

Analogous

#6D6F65

#656F67

#686F65

Triadic

#686F65

#65686F

#6F6568

Split Complementary

#686F65

#67656F

#6F656D

Tetradic

#686F65

#656D6F

#6C656F

#6F6765

Color Blindness Simulation

Original

#686F65

Protanopia

#6B6B67

Deuteranopia

#6B6A68

Tritanopia

#68696A

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DBDDDA
300
#C1C5BF
400
#9FA59C
500
#7D857A
600
#646B61
700
#50554E
800
#3F433D
900
#30322E
950
#1E201D

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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