#8e72ad

Color #8e72ad

A muted medium purple.

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

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

Conversions

HEX

#8e72ad

RGB

rgb(142, 114, 173)

HSL

hsl(268.5, 26.5%, 56.3%)

HSV / HSB

hsv(268.5, 34.1%, 67.8%)

CMYK

cmyk(17.9%, 34.1%, 0%, 32.2%)

LAB

lab(52.73, 22.87, -27.36)

LCH

lch(52.73, 35.66, 309.89)

OKLCH

oklch(60.2%, 0.0928, 305.52)

HWB

hwb(268.5, 44.7%, 32.2%)

Harmony colors

Complementary

#91ad72

Analogous

#7274ad

#8e72ad

#ac72ad

Triadic

#8e72ad

#ad8e72

#72ad8e

Split-complementary

#8e72ad

#adac72

#74ad72

Tetradic

#8e72ad

#ad7291

#91ad72

#72ad8e

Square

#8e72ad

#ad7274

#91ad72

#72adac

Shades

Color #8e72ad mixed toward black.

#765897

#5e4679

#47355b

#2f233d

#18121e

Tints

Color #8e72ad mixed toward white.

#a18abb

#b4a1c8

#c7b9d6

#d9d0e4

#ece8f1

Tones

Color #8e72ad mixed toward gray.

#8e77a8

#8f7ca3

#8f819e

#8f8699

#8f8b94

Accessibility

Aa White text on this color

4.07:1

Aa Black text on this color

5.16:1

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

Under color vision deficiencies

Protanopia

#8383a1 · ΔE 10.3

Deuteranopia

#84869e · ΔE 12.4

Tritanopia

#8d9795 · ΔE 23.7

Achromatopsia

#7e7e7e · ΔE 21.4

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

Code

CSS

background-color: #8e72ad;

Tailwind (arbitrary value)

bg-[#8e72ad]

Related colors

Rebecca Purple #663399

Blue Violet #8a2be2

Indigo #4b0082

Medium Purple #9370db

Dark Orchid #9932cc

Dark Violet #9400d3

Frequently asked questions

#8e72ad (#8e72ad) is rgb(142, 114, 173) in RGB.

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

Generate a palette → Check contrast