#685654

#685654

Color Values

HEX

#685654

RGB

104, 86, 84

HSL

6.0, 10.6%, 36.9%

HSV

6.0, 19.2%, 40.8%

CMYK

0.0%, 17.3%, 19.2%, 59.2%

OKLCH

0.4705 0.0241 25.5

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#685654

#546668

Analogous

#68545C

#686054

#685654

Triadic

#685654

#546856

#565468

Split Complementary

#685654

#546860

#545C68

Tetradic

#685654

#5C6854

#546668

#605468

Color Blindness Simulation

Original

#685654

Protanopia

#606054

Deuteranopia

#616355

Tritanopia

#675555

Achromatopsia

#5A5A5A

CSS Usage

background-color: #685654;
color: #685654;
border-color: #685654;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D8
300
#C8BDBB
400
#AB9997
500
#8D7572
600
#715D5B
700
#5A4B49
800
#473A39
900
#352D2C
950
#221C1C

Contrast Checker

Text on white

6.89:1

AA Pass AAA Fail

Text on black

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