#686763

#686763

Color Values

HEX

#686763

RGB

104, 103, 99

HSL

48.0, 2.5%, 39.8%

HSV

48.0, 4.8%, 40.8%

CMYK

0.0%, 1.0%, 4.8%, 59.2%

OKLCH

0.5134 0.0063 95.2

Properties

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

Color Harmonies

Complementary

#686763

#636468

Analogous

#686463

#676863

#686763

Triadic

#686763

#636867

#676368

Split Complementary

#686763

#636768

#646368

Tetradic

#686763

#636864

#636468

#686367

Color Blindness Simulation

Original

#686763

Protanopia

#686864

Deuteranopia

#686864

Tritanopia

#686565

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDCDA
300
#C3C3C0
400
#A3A29E
500
#83817C
600
#696863
700
#545350
800
#41413E
900
#32312F
950
#1F1F1E

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

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