#7e2e85

Color #7e2e85

A moderately saturated dark magenta.

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

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

Conversions

HEX

#7e2e85

RGB

rgb(126, 46, 133)

HSL

hsl(295.2, 48.6%, 35.1%)

HSV / HSB

hsv(295.2, 65.4%, 52.2%)

CMYK

cmyk(5.3%, 65.4%, 0%, 47.8%)

LAB

lab(34.16, 46.69, -32.67)

LCH

lch(34.16, 56.98, 325.02)

OKLCH

oklch(45.2%, 0.1559, 324.42)

HWB

hwb(295.2, 18%, 47.8%)

Harmony colors

Complementary

#35852e

Analogous

#532e85

#7e2e85

#852e60

Triadic

#7e2e85

#857e2e

#2e857e

Split-complementary

#7e2e85

#60852e

#2e8553

Tetradic

#7e2e85

#852e35

#35852e

#2e857e

Square

#7e2e85

#85532e

#35852e

#2e6085

Shades

Color #7e2e85 mixed toward black.

#69266f

#541f59

#3f1743

#2a0f2c

#150816

Tints

Color #7e2e85 mixed toward white.

#a53cae

#be5bc6

#ce84d4

#deade3

#efd6f1

Tones

Color #7e2e85 mixed toward gray.

#78357e

#723d77

#6c446f

#664b68

#605261

Accessibility

Aa White text on this color

8.03:1

Aa Black text on this color

2.62:1

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

Under color vision deficiencies

Protanopia

#656477 · ΔE 21

Deuteranopia

#696d73 · ΔE 23.1

Tritanopia

#7b6a67 · ΔE 27

Achromatopsia

#505050 · ΔE 25.5

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

Code

CSS

background-color: #7e2e85;

Tailwind (arbitrary value)

bg-[#7e2e85]

Related colors

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Violet #ee82ee

Frequently asked questions

#7e2e85 (#7e2e85) is rgb(126, 46, 133) in RGB.

No, #7e2e85 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast