#685C54

#685C54

Color Values

HEX

#685C54

RGB

104, 92, 84

HSL

24.0, 10.6%, 36.9%

HSV

24.0, 19.2%, 40.8%

CMYK

0.0%, 11.5%, 19.2%, 59.2%

OKLCH

0.4839 0.0201 55.9

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#685C54

#546068

Analogous

#685456

#686654

#685C54

Triadic

#685C54

#54685C

#5C5468

Split Complementary

#685C54

#546866

#545668

Tetradic

#685C54

#566854

#546068

#665468

Color Blindness Simulation

Original

#685C54

Protanopia

#636356

Deuteranopia

#646456

Tritanopia

#675758

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDBD8
300
#C8C1BB
400
#AB9F97
500
#8D7D72
600
#71645B
700
#5A5049
800
#473E39
900
#35302C
950
#221E1C

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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