#8e575b

Color #8e575b

A muted medium red.

Closest named color Rosy Brown #bc8f8f · ΔE 21.32 Nearest Tailwind class mauve-500 #79697b · ΔE 13.9

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

Conversions

HEX

#8e575b

RGB

rgb(142, 87, 91)

HSL

hsl(355.6, 24%, 44.9%)

HSV / HSB

hsv(355.6, 38.7%, 55.7%)

CMYK

cmyk(0%, 38.7%, 35.9%, 44.3%)

LAB

lab(43.25, 23.28, 7.34)

LCH

lch(43.25, 24.41, 17.5)

OKLCH

oklch(52%, 0.0732, 15.21)

HWB

hwb(355.6, 34.1%, 44.3%)

Harmony colors

Complementary

#578e8a

Analogous

#8e5777

#8e575b

#8e6e57

Triadic

#8e575b

#5b8e57

#575b8e

Split-complementary

#8e575b

#578e6e

#57778e

Tetradic

#8e575b

#8e8a57

#578e8a

#575b8e

Square

#8e575b

#778e57

#578e8a

#6e578e

Shades

Color #8e575b mixed toward black.

#76494c

#5f3a3d

#472c2e

#2f1d1e

#180f0f

Tints

Color #8e575b mixed toward white.

#a66e72

#b88b8e

#caa8aa

#dbc5c7

#ede2e3

Tones

Color #8e575b mixed toward gray.

#895c5f

#856063

#806567

#7c696b

#776e6f

Accessibility

Aa White text on this color

5.73:1

Aa Black text on this color

3.66:1

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

Under color vision deficiencies

Protanopia

#7a7a5a · ΔE 30.6

Deuteranopia

#7d815a · ΔE 33.5

Tritanopia

#8c5959 · ΔE 1.8

Achromatopsia

#666666 · ΔE 19.5

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

Code

CSS

background-color: #8e575b;

Tailwind (arbitrary value)

bg-[#8e575b]

Related colors

Light Pink #ffb6c1

Pink #ffc0cb

Crimson #dc143c

Pale Violet Red #db7093

Lavender Blush #fff0f5

Hot Pink #ff69b4

Frequently asked questions

#8e575b (#8e575b) is rgb(142, 87, 91) in RGB.

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

Generate a palette → Check contrast