#705e35

Color #705e35

A muted dark orange.

Closest named color Dark Olive Green #556b2f · ΔE 20.84 Nearest Tailwind class olive-600 #5b5b4b · ΔE 11.3

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

Conversions

HEX

#705e35

RGB

rgb(112, 94, 53)

HSL

hsl(41.7, 35.8%, 32.4%)

HSV / HSB

hsv(41.7, 52.7%, 43.9%)

CMYK

cmyk(0%, 16.1%, 52.7%, 56.1%)

LAB

lab(40.75, 1.46, 26.08)

LCH

lch(40.75, 26.12, 86.8)

OKLCH

oklch(49%, 0.0626, 86.43)

HWB

hwb(41.7, 20.8%, 56.1%)

Harmony colors

Complementary

#354770

Analogous

#704135

#705e35

#657035

Triadic

#705e35

#35705e

#5e3570

Split-complementary

#705e35

#356570

#413570

Tetradic

#705e35

#477035

#354770

#5e3570

Square

#705e35

#357041

#354770

#703565

Shades

Color #705e35 mixed toward black.

#5d4e2c

#4b3f23

#382f1b

#251f12

#131009

Tints

Color #705e35 mixed toward white.

#977f47

#b59c63

#c8b58a

#daceb1

#ede6d8

Tones

Color #705e35 mixed toward gray.

#6b5c3a

#665a3f

#615844

#5c5649

#58554e

Accessibility

Aa White text on this color

6.28:1

Aa Black text on this color

3.34:1

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

Under color vision deficiencies

Protanopia

#696942 · ΔE 8.3

Deuteranopia

#6a6b44 · ΔE 9

Tritanopia

#6f4a4c · ΔE 22.7

Achromatopsia

#606060 · ΔE 16.5

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

Code

CSS

background-color: #705e35;

Tailwind (arbitrary value)

bg-[#705e35]

Related colors

Dark Goldenrod #b8860b

Goldenrod #daa520

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Frequently asked questions

#705e35 (#705e35) is rgb(112, 94, 53) in RGB.

No, #705e35 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 #705e35, or check how it holds up for accessibility.

Generate a palette → Check contrast