#685E3F

#685E3F

Color Values

HEX

#685E3F

RGB

104, 94, 63

HSL

45.4, 24.6%, 32.7%

HSV

45.4, 39.4%, 40.8%

CMYK

0.0%, 9.6%, 39.4%, 59.2%

OKLCH

0.4832 0.0477 92.3

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#685E3F

#3F4968

Analogous

#68493F

#5D683F

#685E3F

Triadic

#685E3F

#3F685E

#5E3F68

Split Complementary

#685E3F

#3F5D68

#493F68

Tetradic

#685E3F

#3F6849

#3F4968

#683F5D

Color Blindness Simulation

Original

#685E3F

Protanopia

#646446

Deuteranopia

#646548

Tritanopia

#684C4E

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFE9
200
#E4E0D3
300
#D1CAB3
400
#B8AD89
500
#9F9060
600
#7F734D
700
#665C3E
800
#4F4830
900
#3B3626
950
#252218

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

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