#842684

Color #842684

A moderately saturated dark magenta.

Closest named color Purple #800080 · ΔE 9.58 Nearest Tailwind class fuchsia-800 #8a0194 · ΔE 4.2

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

Conversions

HEX

#842684

RGB

rgb(132, 38, 132)

HSL

hsl(300, 55.3%, 33.3%)

HSV / HSB

hsv(300, 71.2%, 51.8%)

CMYK

cmyk(0%, 71.2%, 0%, 48.2%)

LAB

lab(33.9, 51.31, -32.4)

LCH

lch(33.9, 60.68, 327.73)

OKLCH

oklch(45.2%, 0.1689, 327.92)

HWB

hwb(300, 14.9%, 48.2%)

Harmony colors

Complementary

#268426

Analogous

#552684

#842684

#842655

Triadic

#842684

#848426

#268484

Split-complementary

#842684

#558426

#268455

Tetradic

#842684

#842626

#268426

#268484

Square

#842684

#845526

#268426

#265584

Shades

Color #842684 mixed toward black.

#6e206e

#581958

#421342

#2c0d2c

#160616

Tints

Color #842684 mixed toward white.

#b033b0

#cc4fcc

#d97bd9

#e6a7e6

#f2d3f2

Tones

Color #842684 mixed toward gray.

#7c2e7c

#743674

#6c3d6c

#654565

#5d4d5d

Accessibility

Aa White text on this color

8.1:1

Aa Black text on this color

2.59:1

White text reads better on this background (8.1:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#686876 · ΔE 23.7

Deuteranopia

#6d7272 · ΔE 21.7

Tritanopia

#816865 · ΔE 26.9

Achromatopsia

#505050 · ΔE 26.1

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

Code

CSS

background-color: #842684;

Tailwind (arbitrary value)

bg-[#842684]

Related colors

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Violet #ee82ee

Frequently asked questions

#842684 (#842684) is rgb(132, 38, 132) in RGB.

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

Generate a palette → Check contrast