#685f57

Color #685f57

A nearly neutral, gray-leaning dark orange.

Closest named color Dim Gray #696969 · ΔE 7.15 Nearest Tailwind class stone-600 #57534d · ΔE 5.4

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#685f57

RGB

rgb(104, 95, 87)

HSL

hsl(28.2, 8.9%, 37.5%)

HSV / HSB

hsv(28.2, 16.3%, 40.8%)

CMYK

cmyk(0%, 8.7%, 16.3%, 59.2%)

LAB

lab(40.92, 2.1, 5.88)

LCH

lch(40.92, 6.24, 70.35)

OKLCH

oklch(49.2%, 0.017, 63.89)

HWB

hwb(28.2, 34.1%, 59.2%)

Harmony colors

Complementary

#576068

Analogous

#685758

#685f57

#686857

Triadic

#685f57

#57685f

#5f5768

Split-complementary

#685f57

#576868

#575868

Tetradic

#685f57

#606857

#576068

#5f5768

Square

#685f57

#586857

#576068

#685768

Shades

Color #685f57 mixed toward black.

#574f49

#453f3a

#34302c

#23201d

#11100f

Tints

Color #685f57 mixed toward white.

#857a6f

#9e948b

#b6afa8

#cfcac5

#e7e4e2

Tones

Color #685f57 mixed toward gray.

#675f59

#655f5a

#645f5b

#625f5d

#61605e

Accessibility

Aa White text on this color

6.24:1

Aa Black text on this color

3.36:1

White text reads better on this background (6.24:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#646459 · ΔE 6.1

Deuteranopia

#656559 · ΔE 6.4

Tritanopia

#685b5b · ΔE 5.7

Achromatopsia

#606060 · ΔE 5.8

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #685f57;

Tailwind (arbitrary value)

bg-[#685f57]

Related colors

Peach Puff #ffdab9

Sandy Brown #f4a460

Peru #cd853f

Linen #faf0e6

Chocolate #d2691e

Saddle Brown #8b4513

Frequently asked questions

#685f57 (#685f57) is rgb(104, 95, 87) in RGB.

No, #685f57 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #685f57, or check how it holds up for accessibility.

Generate a palette → Check contrast