#853e85

Color #853e85

A muted dark magenta.

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

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

Conversions

HEX

#853e85

RGB

rgb(133, 62, 133)

HSL

hsl(300, 36.4%, 38.2%)

HSV / HSB

hsv(300, 53.4%, 52.2%)

CMYK

cmyk(0%, 53.4%, 0%, 47.8%)

LAB

lab(38.07, 40.87, -26.44)

LCH

lch(38.07, 48.68, 327.1)

OKLCH

oklch(48.3%, 0.1348, 327.42)

HWB

hwb(300, 24.3%, 47.8%)

Harmony colors

Complementary

#3e853e

Analogous

#613e85

#853e85

#853e61

Triadic

#853e85

#85853e

#3e8585

Split-complementary

#853e85

#61853e

#3e8561

Tetradic

#853e85

#853e3e

#3e853e

#3e8585

Square

#853e85

#85613e

#3e853e

#3e6185

Shades

Color #853e85 mixed toward black.

#6f346f

#592959

#421f42

#2c152c

#160a16

Tints

Color #853e85 mixed toward white.

#a94fa9

#bc70bc

#cd94cd

#deb7de

#eedbee

Tones

Color #853e85 mixed toward gray.

#7f447f

#794a79

#735073

#6d566d

#675c67

Accessibility

Aa White text on this color

6.94:1

Aa Black text on this color

3.03:1

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

Under color vision deficiencies

Protanopia

#6d6d78 · ΔE 21.9

Deuteranopia

#717575 · ΔE 20.7

Tritanopia

#836d6b · ΔE 23.7

Achromatopsia

#5a5a5a · ΔE 24.5

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

Code

CSS

background-color: #853e85;

Tailwind (arbitrary value)

bg-[#853e85]

Related colors

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Violet #ee82ee

Frequently asked questions

#853e85 (#853e85) is rgb(133, 62, 133) in RGB.

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

Generate a palette → Check contrast