#6B685F

#6B685F

Color Values

HEX

#6B685F

RGB

107, 104, 95

HSL

45.0, 5.9%, 39.6%

HSV

45.0, 11.2%, 42.0%

CMYK

0.0%, 2.8%, 11.2%, 58.0%

OKLCH

0.5172 0.0143 91.6

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#6B685F

#5F626B

Analogous

#6B625F

#686B5F

#6B685F

Triadic

#6B685F

#5F6B68

#685F6B

Split Complementary

#6B685F

#5F686B

#625F6B

Tetradic

#6B685F

#5F6B62

#5F626B

#6B5F68

Color Blindness Simulation

Original

#6B685F

Protanopia

#6A6A61

Deuteranopia

#6A6A62

Tritanopia

#6B6363

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDCD9
300
#C5C4BE
400
#A6A39B
500
#878378
600
#6C6960
700
#56544D
800
#44423C
900
#33322E
950
#201F1D

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

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