#685D3F

#685D3F

Color Values

HEX

#685D3F

RGB

104, 93, 63

HSL

43.9, 24.6%, 32.7%

HSV

43.9, 39.4%, 40.8%

CMYK

0.0%, 10.6%, 39.4%, 59.2%

OKLCH

0.4809 0.0468 90.2

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#685D3F

#3F4A68

Analogous

#68483F

#5E683F

#685D3F

Triadic

#685D3F

#3F685D

#5D3F68

Split Complementary

#685D3F

#3F5E68

#483F68

Tetradic

#685D3F

#3F6848

#3F4A68

#683F5E

Color Blindness Simulation

Original

#685D3F

Protanopia

#636346

Deuteranopia

#646548

Tritanopia

#674C4D

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E4DFD3
300
#D1C9B3
400
#B8AB89
500
#9F8E60
600
#7F724D
700
#665B3E
800
#4F4730
900
#3B3526
950
#252218

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

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