Skip to content
ColorDB.org
Menu
Color Detail

Magenta

Magenta reads expressive and contemporary. It works as a strong accent when a brand wants energy without defaulting to red.

Warm Colors

#D946EF

warmcreativeaccenteditorial

Color values

Hex
#D946EF
RGB
rgb(217, 70, 239)
HSL
hsl(292, 84%, 61%)

Overview

Magenta is a warm-leaning expressive color with the hex value #D946EF. It often works as a contemporary accent in editorial, creative, or fashion-adjacent systems.

It can feel louder than pink and less conventional than red, which makes it useful when a palette needs personality.

Symbolism and context

Magenta may suggest creativity, expression, experimentation, or theatrical energy.

Its effect depends heavily on whether it is used as one vivid accent or spread across too many equal-weight elements.

Common design uses

  • • brand accents and creative highlights
  • • editorial labels and feature moments
  • • gradient stops and social graphics
  • • badges, charts, and decorative emphasis

Pairing guidance

Magenta often pairs best with dark neutrals, soft pinks, deep purples, or cool grays.

It can also contrast well with cool cyan or blue when a palette wants stronger energy, but that balance needs restraint.

Use pale tints for surfaces and deeper shades when magenta needs to become more grounded.

Accessibility notes

Magenta can be vibrant but still weak as small text on white or pale surfaces. Test it before using it for labels or link text.

When used for emphasis, support it with spacing and hierarchy so the color does not have to carry all the attention by itself.

Check this color in the contrast checker

Related colors

Red#FF3B30Yellow#FACC15Orange#F97316Pink#EC4899

Related tools

Convert this colorTranslate the same color into HEX, RGB, HSL, or HSV.Check contrastTest text, buttons, and surfaces before using the color in UI.Generate shades and tintsBuild lighter and darker variants for surfaces, hover states, and text.Build a paletteSee how this color behaves once it becomes part of a broader system.

Explore this family

Family pages help compare colors that share a broader visual role, making it easier to move from one isolated swatch to a more usable palette direction.

Browse Warm Colors

Keep learning

FAQ

Questions people usually ask next

What is the hex value of Magenta?

The hex value is #D946EF.

What family does Magenta belong to?

Magenta belongs to the warm-colors family in ColorDB.

Is Magenta good for text?

It depends on the background. Test the exact contrast pair before using it for text or small UI labels.

What colors pair well with Magenta?

Good pairings depend on the intended mood. Neutrals are usually a safe starting point, and related colors from the same family can create a smoother palette.

Can I use Magenta in CSS?

Yes. You can use its HEX, RGB, or HSL value in CSS.