#686C61

#686C61

Color Values

HEX

#686C61

RGB

104, 108, 97

HSL

81.8, 5.4%, 40.2%

HSV

81.8, 10.2%, 42.4%

CMYK

3.7%, 0.0%, 10.2%, 57.6%

OKLCH

0.5244 0.0176 123.3

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#686C61

#65616C

Analogous

#6C6B61

#626C61

#686C61

Triadic

#686C61

#61686C

#6C6168

Split Complementary

#686C61

#61626C

#6B616C

Tetradic

#686C61

#616C6B

#65616C

#6C6162

Color Blindness Simulation

Original

#686C61

Protanopia

#6A6A64

Deuteranopia

#6A6964

Tritanopia

#686666

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DCDDD9
300
#C3C5BE
400
#A2A69C
500
#818679
600
#686C60
700
#53564D
800
#41433C
900
#31332E
950
#1F201D

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026