#83447f

Color #83447f

A muted dark magenta.

Closest named color Dark Slate Blue #483d8b · ΔE 23.92 Nearest Tailwind class fuchsia-900 #721378 · ΔE 10.7

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

Conversions

HEX

#83447f

RGB

rgb(131, 68, 127)

HSL

hsl(303.8, 31.7%, 39%)

HSV / HSB

hsv(303.8, 48.1%, 51.4%)

CMYK

cmyk(0%, 48.1%, 3.1%, 48.6%)

LAB

lab(38.71, 35.91, -21.76)

LCH

lch(38.71, 41.99, 328.79)

OKLCH

oklch(48.6%, 0.1173, 329.56)

HWB

hwb(303.8, 26.7%, 48.6%)

Harmony colors

Complementary

#448348

Analogous

#674483

#83447f

#83445f

Triadic

#83447f

#7f8344

#447f83

Split-complementary

#83447f

#5f8344

#448367

Tetradic

#83447f

#834844

#448348

#447f83

Square

#83447f

#836744

#448348

#445f83

Shades

Color #83447f mixed toward black.

#6d396a

#572d55

#41223f

#2c172a

#160b15

Tints

Color #83447f mixed toward white.

#a556a0

#b876b4

#ca99c7

#dcbbda

#edddec

Tones

Color #83447f mixed toward gray.

#7e497a

#784e76

#735471

#6e596d

#695e68

Accessibility

Aa White text on this color

6.78:1

Aa Black text on this color

3.1:1

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

Under color vision deficiencies

Protanopia

#6d6d74 · ΔE 22

Deuteranopia

#707471 · ΔE 25.3

Tritanopia

#816a68 · ΔE 21.3

Achromatopsia

#5b5b5b · ΔE 23.6

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

Code

CSS

background-color: #83447f;

Tailwind (arbitrary value)

bg-[#83447f]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#83447f (#83447f) is rgb(131, 68, 127) in RGB.

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

Generate a palette → Check contrast