#685F48

#685F48

Color Values

HEX

#685F48

RGB

104, 95, 72

HSL

43.1, 18.2%, 34.5%

HSV

43.1, 30.8%, 40.8%

CMYK

0.0%, 8.7%, 30.8%, 59.2%

OKLCH

0.4875 0.0366 89.2

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#685F48

#485168

Analogous

#684F48

#616848

#685F48

Triadic

#685F48

#48685F

#5F4868

Split Complementary

#685F48

#486168

#4F4868

Tetradic

#685F48

#48684F

#485168

#684861

Color Blindness Simulation

Original

#685F48

Protanopia

#64644E

Deuteranopia

#65654F

Tritanopia

#685253

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E2DED5
300
#CDC7B7
400
#B2A88F
500
#978A68
600
#796E53
700
#605843
800
#4B4534
900
#383429
950
#24211A

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

3.32:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026