#893a93

Color #893a93

A moderately saturated medium magenta.

Closest named color Rebecca Purple #663399 · ΔE 14.81 Nearest Tailwind class fuchsia-800 #8a0194 · ΔE 6.7

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

Conversions

HEX

#893a93

RGB

rgb(137, 58, 147)

HSL

hsl(293.3, 43.4%, 40.2%)

HSV / HSB

hsv(293.3, 60.5%, 57.6%)

CMYK

cmyk(6.8%, 60.5%, 0%, 42.4%)

LAB

lab(38.64, 46.72, -34.05)

LCH

lch(38.64, 57.81, 323.92)

OKLCH

oklch(49.1%, 0.1572, 323.04)

HWB

hwb(293.3, 22.7%, 42.4%)

Harmony colors

Complementary

#44933a

Analogous

#5d3a93

#893a93

#933a70

Triadic

#893a93

#93893a

#3a9389

Split-complementary

#893a93

#70933a

#3a935d

Tetradic

#893a93

#933a44

#44933a

#3a9389

Square

#893a93

#935d3a

#44933a

#3a7093

Shades

Color #893a93 mixed toward black.

#72307a

#5b2762

#451d49

#2e1331

#170a18

Tints

Color #893a93 mixed toward white.

#ab49b7

#bc6dc5

#cc92d4

#ddb6e2

#eedbf1

Tones

Color #893a93 mixed toward gray.

#83418c

#7e4984

#78507d

#725875

#6c5f6e

Accessibility

Aa White text on this color

6.8:1

Aa Black text on this color

3.09:1

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

Under color vision deficiencies

Protanopia

#6f6f84 · ΔE 21

Deuteranopia

#737880 · ΔE 23.1

Tritanopia

#867774 · ΔE 27.9

Achromatopsia

#5b5b5b · ΔE 25.6

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

Code

CSS

background-color: #893a93;

Tailwind (arbitrary value)

bg-[#893a93]

Related colors

Medium Orchid #ba55d3

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#893a93 (#893a93) is rgb(137, 58, 147) in RGB.

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

Generate a palette → Check contrast