#894c97

Color #894c97

A muted medium purple.

Closest named color Rebecca Purple #663399 · ΔE 19.59 Nearest Tailwind class fuchsia-700 #a800b7 · ΔE 10.3

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

Conversions

HEX

#894c97

RGB

rgb(137, 76, 151)

HSL

hsl(288.8, 33%, 44.5%)

HSV / HSB

hsv(288.8, 49.7%, 59.2%)

CMYK

cmyk(9.3%, 49.7%, 0%, 40.8%)

LAB

lab(42.34, 38.22, -30.63)

LCH

lch(42.34, 48.98, 321.29)

OKLCH

oklch(51.9%, 0.1316, 319.93)

HWB

hwb(288.8, 29.8%, 40.8%)

Harmony colors

Complementary

#5a974c

Analogous

#634c97

#894c97

#974c7f

Triadic

#894c97

#97894c

#4c9789

Split-complementary

#894c97

#7f974c

#4c9763

Tetradic

#894c97

#974c5a

#5a974c

#4c9789

Square

#894c97

#97634c

#5a974c

#4c7f97

Shades

Color #894c97 mixed toward black.

#723f7e

#5b3365

#44264b

#2e1932

#170d19

Tints

Color #894c97 mixed toward white.

#a162b0

#b482c0

#c7a1d0

#dac0df

#ece0ef

Tones

Color #894c97 mixed toward gray.

#855291

#81598a

#7d5f84

#79657e

#756b78

Accessibility

Aa White text on this color

5.92:1

Aa Black text on this color

3.54:1

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

Under color vision deficiencies

Protanopia

#747389 · ΔE 18

Deuteranopia

#777b86 · ΔE 21.5

Tritanopia

#877d7b · ΔE 26

Achromatopsia

#646464 · ΔE 24.4

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

Code

CSS

background-color: #894c97;

Tailwind (arbitrary value)

bg-[#894c97]

Related colors

Medium Orchid #ba55d3

Dark Violet #9400d3

Dark Orchid #9932cc

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Frequently asked questions

#894c97 (#894c97) is rgb(137, 76, 151) in RGB.

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

Generate a palette → Check contrast