#7e6d54

Color #7e6d54

A muted medium orange.

Closest named color Dim Gray #696969 · ΔE 16.86 Nearest Tailwind class stone-500 #79716b · ΔE 8.4

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

Conversions

HEX

#7e6d54

RGB

rgb(126, 109, 84)

HSL

hsl(35.7, 20%, 41.2%)

HSV / HSB

hsv(35.7, 33.3%, 49.4%)

CMYK

cmyk(0%, 13.5%, 33.3%, 50.6%)

LAB

lab(46.99, 2.67, 16.45)

LCH

lch(46.99, 16.67, 80.78)

OKLCH

oklch(54.4%, 0.0426, 77.24)

HWB

hwb(35.7, 32.9%, 50.6%)

Harmony colors

Complementary

#54657e

Analogous

#7e5854

#7e6d54

#7a7e54

Triadic

#7e6d54

#547e6d

#6d547e

Split-complementary

#7e6d54

#547a7e

#58547e

Tetradic

#7e6d54

#657e54

#54657e

#6d547e

Square

#7e6d54

#547e58

#54657e

#7e547a

Shades

Color #7e6d54 mixed toward black.

#695b46

#544938

#3f372a

#2a241c

#15120e

Tints

Color #7e6d54 mixed toward white.

#9b8769

#af9f87

#c3b7a5

#d7cfc3

#ebe7e1

Tones

Color #7e6d54 mixed toward gray.

#7b6c58

#776c5b

#746b5f

#706a62

#6d6a66

Accessibility

Aa White text on this color

5:1

Aa Black text on this color

4.2:1

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

Under color vision deficiencies

Protanopia

#77775b · ΔE 9.5

Deuteranopia

#78795c · ΔE 10.2

Tritanopia

#7d6061 · ΔE 15.8

Achromatopsia

#6f6f6f · ΔE 12.3

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

Code

CSS

background-color: #7e6d54;

Tailwind (arbitrary value)

bg-[#7e6d54]

Related colors

Navajo White #ffdead

Blanched Almond #ffebcd

Papaya Whip #ffefd5

Antique White #faebd7

Tan #d2b48c

Burlywood #deb887

Frequently asked questions

#7e6d54 (#7e6d54) is rgb(126, 109, 84) in RGB.

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

Generate a palette → Check contrast