#9e6c9a

Color #9e6c9a

A muted medium magenta.

Closest named color Plum #dda0dd · ΔE 22.3 Nearest Tailwind class mauve-500 #79697b · ΔE 12.3

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

Conversions

HEX

#9e6c9a

RGB

rgb(158, 108, 154)

HSL

hsl(304.8, 20.5%, 52.2%)

HSV / HSB

hsv(304.8, 31.6%, 62%)

CMYK

cmyk(0%, 31.6%, 2.5%, 38%)

LAB

lab(52.21, 27.62, -16.96)

LCH

lch(52.21, 32.41, 328.45)

OKLCH

oklch(59.9%, 0.0899, 329.39)

HWB

hwb(304.8, 42.4%, 38%)

Harmony colors

Complementary

#6c9e70

Analogous

#896c9e

#9e6c9a

#9e6c81

Triadic

#9e6c9a

#9a9e6c

#6c9a9e

Split-complementary

#9e6c9a

#819e6c

#6c9e89

Tetradic

#9e6c9a

#9e706c

#6c9e70

#6c9a9e

Square

#9e6c9a

#9e896c

#6c9e70

#6c819e

Shades

Color #9e6c9a mixed toward black.

#865882

#6b4768

#50354e

#352334

#1b121a

Tints

Color #9e6c9a mixed toward white.

#ae85ab

#be9dbc

#cfb6cd

#dfcedd

#efe7ee

Tones

Color #9e6c9a mixed toward gray.

#9a7097

#967493

#927990

#8d7d8c

#898189

Accessibility

Aa White text on this color

4.15:1

Aa Black text on this color

5.07:1

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

Under color vision deficiencies

Protanopia

#8b8b91 · ΔE 20.2

Deuteranopia

#8e918e · ΔE 27

Tritanopia

#9c8887 · ΔE 18.1

Achromatopsia

#7c7c7c · ΔE 21.6

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

Code

CSS

background-color: #9e6c9a;

Tailwind (arbitrary value)

bg-[#9e6c9a]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#9e6c9a (#9e6c9a) is rgb(158, 108, 154) in RGB.

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

Generate a palette → Check contrast