#ab8e85

Color #ab8e85

A muted medium red.

Closest named color Rosy Brown #bc8f8f · ΔE 8.18 Nearest Tailwind class taupe-400 #aba09c · ΔE 8.3

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

Conversions

HEX

#ab8e85

RGB

rgb(171, 142, 133)

HSL

hsl(14.2, 18.4%, 59.6%)

HSV / HSB

hsv(14.2, 22.2%, 67.1%)

CMYK

cmyk(0%, 17%, 22.2%, 32.9%)

LAB

lab(61.39, 9.47, 8.88)

LCH

lch(61.39, 12.98, 43.16)

OKLCH

oklch(67.1%, 0.0377, 37.99)

HWB

hwb(14.2, 52.2%, 32.9%)

Harmony colors

Complementary

#85a2ab

Analogous

#ab858f

#ab8e85

#aba185

Triadic

#ab8e85

#85ab8e

#8e85ab

Split-complementary

#ab8e85

#85aba1

#858fab

Tetradic

#ab8e85

#a2ab85

#85a2ab

#8e85ab

Square

#ab8e85

#8fab85

#85a2ab

#a185ab

Shades

Color #ab8e85 mixed toward black.

#967267

#785c53

#5a453e

#3c2e29

#1e1715

Tints

Color #ab8e85 mixed toward white.

#b9a199

#c7b4ae

#d5c6c2

#e3d9d6

#f1eceb

Tones

Color #ab8e85 mixed toward gray.

#a89088

#a5918b

#a1938f

#9e9592

#9b9695

Accessibility

Aa White text on this color

3.03:1

Aa Black text on this color

6.94:1

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

Under color vision deficiencies

Protanopia

#9f9f87 · ΔE 18

Deuteranopia

#a1a388 · ΔE 19.8

Tritanopia

#aa8989 · ΔE 4.8

Achromatopsia

#949494 · ΔE 12.1

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

Code

CSS

background-color: #ab8e85;

Tailwind (arbitrary value)

bg-[#ab8e85]

Related colors

Dark Salmon #e9967a

Coral #ff7f50

Orange Red #ff4500

Light Salmon #ffa07a

Tomato #ff6347

Sienna #a0522d

Frequently asked questions

#ab8e85 (#ab8e85) is rgb(171, 142, 133) in RGB.

No, #ab8e85 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast