#986b89

Color #986b89

A muted medium magenta.

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

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

Conversions

HEX

#986b89

RGB

rgb(152, 107, 137)

HSL

hsl(320, 17.9%, 50.8%)

HSV / HSB

hsv(320, 29.6%, 59.6%)

CMYK

cmyk(0%, 29.6%, 9.9%, 40.4%)

LAB

lab(50.68, 22.88, -9.32)

LCH

lch(50.68, 24.71, 337.84)

OKLCH

oklch(58.4%, 0.0708, 339.57)

HWB

hwb(320, 42%, 40.4%)

Harmony colors

Complementary

#6b987a

Analogous

#916b98

#986b89

#986b73

Triadic

#986b89

#89986b

#6b8998

Split-complementary

#986b89

#73986b

#6b9891

Tetradic

#986b89

#987a6b

#6b987a

#6b8998

Square

#986b89

#98916b

#6b987a

#6b7398

Shades

Color #986b89 mixed toward black.

#7f5972

#66475c

#4c3545

#33232e

#191217

Tints

Color #986b89 mixed toward white.

#a9849d

#ba9cb0

#cbb5c4

#ddced8

#eee6eb

Tones

Color #986b89 mixed toward gray.

#946f88

#917387

#8d7685

#897a84

#857e83

Accessibility

Aa White text on this color

4.38:1

Aa Black text on this color

4.8:1

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

Under color vision deficiencies

Protanopia

#878683 · ΔE 21.7

Deuteranopia

#898c81 · ΔE 29.1

Tritanopia

#967d7c · ΔE 13.3

Achromatopsia

#797979 · ΔE 19.5

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

Code

CSS

background-color: #986b89;

Tailwind (arbitrary value)

bg-[#986b89]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#986b89 (#986b89) is rgb(152, 107, 137) in RGB.

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

Generate a palette → Check contrast