#a17077

Color #a17077

A muted medium red.

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

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

Conversions

HEX

#a17077

RGB

rgb(161, 112, 119)

HSL

hsl(351.4, 20.7%, 53.5%)

HSV / HSB

hsv(351.4, 30.4%, 63.1%)

CMYK

cmyk(0%, 30.4%, 26.1%, 36.9%)

LAB

lab(52.4, 20.44, 3.95)

LCH

lch(52.4, 20.82, 10.94)

OKLCH

oklch(59.8%, 0.0628, 9.72)

HWB

hwb(351.4, 43.9%, 36.9%)

Harmony colors

Complementary

#70a19a

Analogous

#a1708f

#a17077

#a18170

Triadic

#a17077

#77a170

#7077a1

Split-complementary

#a17077

#70a181

#708fa1

Tetradic

#a17077

#a19a70

#70a19a

#7077a1

Square

#a17077

#8fa170

#70a19a

#8170a1

Shades

Color #a17077 mixed toward black.

#895a61

#6e484e

#52363a

#372427

#1b1213

Tints

Color #a17077 mixed toward white.

#b1888e

#c0a0a4

#d0b7bb

#e0cfd2

#efe7e8

Tones

Color #a17077 mixed toward gray.

#9d747a

#99787d

#957c80

#918083

#8d8486

Accessibility

Aa White text on this color

4.12:1

Aa Black text on this color

5.1:1

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

Under color vision deficiencies

Protanopia

#8e8e75 · ΔE 28.7

Deuteranopia

#919475 · ΔE 31.5

Tritanopia

#9f7474 · ΔE 3.2

Achromatopsia

#7d7d7d · ΔE 18.1

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

Code

CSS

background-color: #a17077;

Tailwind (arbitrary value)

bg-[#a17077]

Related colors

Light Pink #ffb6c1

Pink #ffc0cb

Crimson #dc143c

Pale Violet Red #db7093

Lavender Blush #fff0f5

Hot Pink #ff69b4

Frequently asked questions

#a17077 (#a17077) is rgb(161, 112, 119) in RGB.

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

Generate a palette → Check contrast