#685F4F

#685F4F

Color Values

HEX

#685F4F

RGB

104, 95, 79

HSL

38.4, 13.7%, 35.9%

HSV

38.4, 24.0%, 40.8%

CMYK

0.0%, 8.7%, 24.0%, 59.2%

OKLCH

0.4893 0.0272 82.0

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#685F4F

#4F5868

Analogous

#68534F

#65684F

#685F4F

Triadic

#685F4F

#4F685F

#5F4F68

Split Complementary

#685F4F

#4F6568

#534F68

Tetradic

#685F4F

#4F6853

#4F5868

#684F65

Color Blindness Simulation

Original

#685F4F

Protanopia

#646453

Deuteranopia

#656554

Tritanopia

#685657

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E0DDD6
300
#CAC4B9
400
#AEA494
500
#91846E
600
#746A58
700
#5D5546
800
#484237
900
#36322A
950
#22201B

Contrast Checker

Text on white

6.29:1

AA Pass AAA Fail

Text on black

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