#686262

#686262

Color Values

HEX

#686262

RGB

104, 98, 98

HSL

0.0, 3.0%, 39.6%

HSV

0.0, 5.8%, 40.8%

CMYK

0.0%, 5.8%, 5.8%, 59.2%

OKLCH

0.5017 0.0076 17.4

Properties

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

Color Harmonies

Complementary

#686262

#626868

Analogous

#686265

#686562

#686262

Triadic

#686262

#626862

#626268

Split Complementary

#686262

#626865

#626568

Tetradic

#686262

#656862

#626868

#656268

Color Blindness Simulation

Original

#686262

Protanopia

#656562

Deuteranopia

#666662

Tritanopia

#686262

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDADA
300
#C4C0C0
400
#A39E9E
500
#837C7C
600
#696363
700
#544F4F
800
#423E3E
900
#322F2F
950
#1F1E1E

Contrast Checker

Text on white

5.98:1

AA Pass AAA Fail

Text on black

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