#8e6094

Color #8e6094

A muted medium magenta.

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

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

Conversions

HEX

#8e6094

RGB

rgb(142, 96, 148)

HSL

hsl(293.1, 21.3%, 47.8%)

HSV / HSB

hsv(293.1, 35.1%, 58%)

CMYK

cmyk(4.1%, 35.1%, 0%, 42%)

LAB

lab(47.31, 27.86, -21.08)

LCH

lch(47.31, 34.94, 322.89)

OKLCH

oklch(55.7%, 0.0948, 322.67)

HWB

hwb(293.1, 37.6%, 42%)

Harmony colors

Complementary

#669460

Analogous

#746094

#8e6094

#946080

Triadic

#8e6094

#948e60

#60948e

Split-complementary

#8e6094

#809460

#609474

Tetradic

#8e6094

#946066

#669460

#60948e

Square

#8e6094

#947460

#669460

#608094

Shades

Color #8e6094 mixed toward black.

#76507b

#5f4063

#47304a

#2f2031

#181019

Tints

Color #8e6094 mixed toward white.

#a278a8

#b593b9

#c7aecb

#dac9dc

#ece4ee

Tones

Color #8e6094 mixed toward gray.

#8b6490

#87698b

#846d87

#817183

#7d767e

Accessibility

Aa White text on this color

4.94:1

Aa Black text on this color

4.25:1

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

Under color vision deficiencies

Protanopia

#7d7c8a · ΔE 17.3

Deuteranopia

#7f8287 · ΔE 20.9

Tritanopia

#8c817f · ΔE 21.6

Achromatopsia

#707070 · ΔE 22

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

Code

CSS

background-color: #8e6094;

Tailwind (arbitrary value)

bg-[#8e6094]

Related colors

Medium Orchid #ba55d3

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#8e6094 (#8e6094) is rgb(142, 96, 148) in RGB.

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

Generate a palette → Check contrast