#7d584e

Color #7d584e

A muted dark red.

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

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

Conversions

HEX

#7d584e

RGB

rgb(125, 88, 78)

HSL

hsl(12.8, 23.2%, 39.8%)

HSV / HSB

hsv(12.8, 37.6%, 49%)

CMYK

cmyk(0%, 29.6%, 37.6%, 51%)

LAB

lab(41.04, 13.86, 11.88)

LCH

lch(41.04, 18.25, 40.6)

OKLCH

oklch(49.7%, 0.052, 35.68)

HWB

hwb(12.8, 30.6%, 51%)

Harmony colors

Complementary

#4e737d

Analogous

#7d4e5b

#7d584e

#7d704e

Triadic

#7d584e

#4e7d58

#584e7d

Split-complementary

#7d584e

#4e7d70

#4e5b7d

Tetradic

#7d584e

#737d4e

#4e737d

#584e7d

Square

#7d584e

#5b7d4e

#4e737d

#704e7d

Shades

Color #7d584e mixed toward black.

#684941

#533b34

#3f2c27

#2a1d1a

#150f0d

Tints

Color #7d584e mixed toward white.

#9d6e62

#b08b81

#c4a8a0

#d8c5c0

#ebe2df

Tones

Color #7d584e mixed toward gray.

#795a52

#755c56

#715f5a

#6d615e

#696362

Accessibility

Aa White text on this color

6.22:1

Aa Black text on this color

3.38:1

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

Under color vision deficiencies

Protanopia

#6f6f51 · ΔE 22.8

Deuteranopia

#717351 · ΔE 24.4

Tritanopia

#7b5353 · ΔE 5

Achromatopsia

#616161 · ΔE 15.5

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

Code

CSS

background-color: #7d584e;

Tailwind (arbitrary value)

bg-[#7d584e]

Related colors

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Tomato #ff6347

Light Salmon #ffa07a

Sienna #a0522d

Frequently asked questions

#7d584e (#7d584e) is rgb(125, 88, 78) in RGB.

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

Generate a palette → Check contrast