What does the color DarkMagenta mean?

Pink

DarkMagenta

#8b008b

#a233a2

#b966b9

#d199d1

#e8cce8

#891a89

Meaning

Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.

History

DarkMagenta is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use DarkMagenta (#8b008b) in CSS as color: darkmagenta; or as #8b008b.

Preview

DarkMagenta

#8b008b

Overview

Family: Pink

Accessibility on this swatch:

AAA

(8.5:1)

Contrast vs white: 8.5:1 · vs black: 2.47:1

Formats

HEX

#8b008b

RGB

rgb(139, 0, 139)

RGBA

rgba(139, 0, 139, 1)

HSL

hsl(300, 100%, 27%)

HSV

hsv(300, 100%, 55%)

LAB

lab(32.6% 62.55 -38.73)

LCH

lch(32.6% 73.57 328.23)

OKLAB

oklab(0.4468 0.1748 -0.1077)

OKLCH

oklch(0.4468 0.2053 328.36)

XYZ

xyz(15.31, 7.35, 25.03)

CMYK

cmyk(0%, 100%, 0%, 45%)

CSS

color: #8b008b;

CSS variable

--color-8b008b: #8b008b;

SCSS

$color-8b008b: #8b008b;

Tailwind

fuchsia-700

Export

Developer code

:root {
  --darkmagenta-1: #8b008b;
}

Color psychology

Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#a233a2

#b966b9

#d199d1

#e8cce8

#891a89

#873387

#844d84

#826682

Similar colors

#800080

#663399

#4b0082

#ba55d3

#9932cc

#c71585

#da70d6

#2c2b97

Browse more in the color name library.