#844372

Color #844372

A muted dark magenta.

Closest named color Pale Violet Red #db7093 · ΔE 29.26 Nearest Tailwind class fuchsia-900 #721378 · ΔE 12.1

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

Conversions

HEX

#844372

RGB

rgb(132, 67, 114)

HSL

hsl(316.6, 32.7%, 39%)

HSV / HSB

hsv(316.6, 49.2%, 51.8%)

CMYK

cmyk(0%, 49.2%, 13.6%, 48.2%)

LAB

lab(38.08, 34.41, -14.67)

LCH

lch(38.08, 37.41, 336.91)

OKLCH

oklch(48%, 0.1081, 338.68)

HWB

hwb(316.6, 26.3%, 48.2%)

Harmony colors

Complementary

#438455

Analogous

#754384

#844372

#844351

Triadic

#844372

#728443

#437284

Split-complementary

#844372

#518443

#438475

Tetradic

#844372

#845543

#438455

#437284

Square

#844372

#847543

#438455

#435184

Shades

Color #844372 mixed toward black.

#6e385f

#582d4c

#422139

#2c1626

#160b13

Tints

Color #844372 mixed toward white.

#a65490

#b975a6

#cb98bd

#dcbad3

#eedde9

Tones

Color #844372 mixed toward gray.

#7f4870

#794e6d

#74536b

#6e5968

#695e66

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

#6e6d69 · ΔE 26.7

Deuteranopia

#717567 · ΔE 35.4

Tritanopia

#82615f · ΔE 17.6

Achromatopsia

#5a5a5a · ΔE 23.1

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

Code

CSS

background-color: #844372;

Tailwind (arbitrary value)

bg-[#844372]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#844372 (#844372) is rgb(132, 67, 114) in RGB.

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

Generate a palette → Check contrast