Magenta
Magenta (#FF00FF) is a light, vivid pink with a balanced feel. It has a hue angle of 300° and a lightness of 70%. Its strong saturation makes it eye-catching, so use it with intent and let neutrals do the rest.
About this color
What Magenta looks like, feels like and where it works.
Description
Magenta (#FF00FF) is a light, vivid pink with a balanced feel. It has a hue angle of 300° and a lightness of 70%. Its strong saturation makes it eye-catching, so use it with intent and let neutrals do the rest.
Psychology
Pink softens red with white. It reads as caring, warm and playful, and ranges from bubblegum energy to sophisticated blush. As a light shade, Magenta feels airy and gentle.
Meaning
Pink is tied to romance, kindness and youth. Its link to girls and baby clothes is a modern convention, not a fixed meaning.
Why use this color
Magenta is a confident accent. It is best as an accent, illustration or large heading color, with a lighter or darker partner for body text. Pair it with its tints and shades for a complete scale.
Applications
- Beauty, fashion and lifestyle
- Celebrations and weddings
- Friendly, expressive brands
- Soft backgrounds and highlights
History
The color is named after the flower called a pink (Dianthus), and first appears as a color name in the 1600s.
Accessibility
White text on Magenta has a contrast ratio of 3.13:1 (fails for body text); black text has 6.69:1 (AA). WCAG AA needs 4.5:1 for body text and 3:1 for large text and interface parts. Do not rely on color alone to carry meaning: pair it with text, an icon or a pattern.
Variations of Magenta
Tailwind-style scale
Color harmonies of Magenta
Want to explore these on a wheel? Open the color wheel.
Color blindness simulator
These are approximations to help you check that meaning never depends on color alone. Real vision varies from person to person.