#6C685F

#6C685F

Color Values

HEX

#6C685F

RGB

108, 104, 95

HSL

41.5, 6.4%, 39.8%

HSV

41.5, 12.0%, 42.4%

CMYK

0.0%, 3.7%, 12.0%, 57.6%

OKLCH

0.5182 0.0147 86.9

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#6C685F

#5F636C

Analogous

#6C615F

#696C5F

#6C685F

Triadic

#6C685F

#5F6C68

#685F6C

Split Complementary

#6C685F

#5F696C

#615F6C

Tetradic

#6C685F

#5F6C61

#5F636C

#6C5F69

Color Blindness Simulation

Original

#6C685F

Protanopia

#6A6A61

Deuteranopia

#6A6B62

Tritanopia

#6C6363

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDCD9
300
#C6C3BE
400
#A7A39B
500
#888377
600
#6D695F
700
#57544C
800
#44413C
900
#33322E
950
#201F1D

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.78:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026