#686765

#686765

Color Values

HEX

#686765

RGB

104, 103, 101

HSL

40.0, 1.5%, 40.2%

HSV

40.0, 2.9%, 40.8%

CMYK

0.0%, 1.0%, 2.9%, 59.2%

OKLCH

0.514 0.0034 84.6

Properties

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

Color Harmonies

Complementary

#686765

#656668

Analogous

#686565

#686865

#686765

Triadic

#686765

#656867

#676568

Split Complementary

#686765

#656868

#656568

Tetradic

#686765

#656865

#656668

#686568

Color Blindness Simulation

Original

#686765

Protanopia

#686865

Deuteranopia

#686866

Tritanopia

#686666

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDBDB
300
#C3C2C1
400
#A2A19F
500
#81807E
600
#686764
700
#535250
800
#41403F
900
#313130
950
#1F1F1E

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

3.72:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026