#7c574a

Color #7c574a

A muted dark orange.

Closest named color Dim Gray #696969 · ΔE 19.58 Nearest Tailwind class taupe-500 #7c6d67 · ΔE 10.6

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

Conversions

HEX

#7c574a

RGB

rgb(124, 87, 74)

HSL

hsl(15.6, 25.3%, 38.8%)

HSV / HSB

hsv(15.6, 40.3%, 48.6%)

CMYK

cmyk(0%, 29.8%, 40.3%, 51.4%)

LAB

lab(40.57, 13.5, 13.65)

LCH

lch(40.57, 19.2, 45.32)

OKLCH

oklch(49.3%, 0.0536, 40.23)

HWB

hwb(15.6, 29%, 51.4%)

Harmony colors

Complementary

#4a6f7c

Analogous

#7c4a56

#7c574a

#7c704a

Triadic

#7c574a

#4a7c57

#574a7c

Split-complementary

#7c574a

#4a7c70

#4a567c

Tetradic

#7c574a

#6f7c4a

#4a6f7c

#574a7c

Square

#7c574a

#567c4a

#4a6f7c

#704a7c

Shades

Color #7c574a mixed toward black.

#67483e

#533a31

#3e2b25

#291d19

#150e0c

Tints

Color #7c574a mixed toward white.

#9d6e5d

#b18a7d

#c5a79d

#d8c5be

#ece2de

Tones

Color #7c574a mixed toward gray.

#78594e

#745b52

#6f5d56

#6b5f5b

#67615f

Accessibility

Aa White text on this color

6.33:1

Aa Black text on this color

3.32:1

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

Under color vision deficiencies

Protanopia

#6e6e4d · ΔE 22.2

Deuteranopia

#70724e · ΔE 23.6

Tritanopia

#7a5050 · ΔE 6.6

Achromatopsia

#606060 · ΔE 15.7

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

Code

CSS

background-color: #7c574a;

Tailwind (arbitrary value)

bg-[#7c574a]

Related colors

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Light Salmon #ffa07a

Sienna #a0522d

Tomato #ff6347

Frequently asked questions

#7c574a (#7c574a) is rgb(124, 87, 74) in RGB.

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

Generate a palette → Check contrast