Dark Magenta Color Hex Code, RGB & HSL Values

What is the meaning of the Dark Magenta color?

Dark Magenta is a deep, intense purplish-red color. It represents dramatic elegance, creative power, and premium quality, offering a bold alternative to burgundy for design projects.

How to use the Dark Magenta color hex code in HTML & CSS?

To style elements with Dark Magenta on a website, use the hex code #8B008B in your HTML/CSS. Adding background-color: #8B008B; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#8B008B] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Dark Magenta?

In the digital sRGB spectrum, the Dark Magenta color code is mapped to RGB values of Red: 139, Green: 0, and Blue: 139. In the HSL system, it registers at hue angle 300°, saturation 100%, and lightness index 27%. It represents a dark, rich color characterized by a highly vivid, intense, and brilliant shade.

CMYK print profiles for Dark Magenta color

To reproduce the named shade Dark Magenta in print systems, the CMYK ink configuration requires 0% Cyan, 100% Magenta, 0% Yellow, and 45% black. These neutral color boundaries serve as solid structural backgrounds, layouts, and typography grids.

Red Channel 139

Green Channel 0

Blue Channel 139

Luminance 0.074

⇄ Dark Magenta Color Space Conversions

Click to copy format

HEX Color Code #8B008B

RGB (Red Green Blue) rgb(139, 0, 139)

HSL (Hue Sat Light) hsl(300°, 100%, 27%)

CMYK (Commercial Print) cmyk(0%, 100%, 0%, 45%)

HSV / HSB Values hsv(300°, 100%, 55%)

Decimal Color Code 9109643

CSS Custom Variable --color-hex: #8B008B;

Tailwind CSS Utility bg-[#8B008B]

CSS Named Color darkmagenta

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #8B008B

Small body copy preview

Black Text on Background

Black text readability test with #8B008B

Small body copy preview

◈ Complementary & Analogous Harmonies

Computed dynamically

▤ Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles

/* CSS Custom Properties for Dark Magenta */
--color-hex: #8B008B;
--color-rgb: rgb(139, 0, 139);
--color-hsl: hsl(300deg, 100%, 27%);
--color-name: darkmagenta;

Aa Known Color Aliases

✦ Dark Magenta Color Meaning

Representing the purple color family, Dark Magenta carries the intrinsic characteristics of this organic hue. This color group has been associated with royalty and power since ancient times when Tyrian purple dye cost more than gold by weight. This historical scarcity created a deep psychological association between purple and luxury, wisdom, and spiritual authority. Today, purple bridges the rational energy of blue with the passionate warmth of red, creating a color that feels both innovative and sophisticated. Lighter purples like lavender communicate romance and nostalgia, while deep violets convey mystery and premium quality. In design, purple stands out precisely because it is used less frequently than primary colors, creating an air of exclusivity.

Emotions & Associations

WisdomSpiritualityCreativityLuxury

Industries

BeautyLuxury & FashionFood