Skip to main content

Neon magenta

Everything you need to know about neon magenta to inspire your next design.

Get color palette

Pick a color

Hex

RGB

HSB

HSL

Pick palette settings

Custom palettes

Neon magenta is a vibrant, eye-catching hue that sparkles between pink and purple on the color wheel. This fluorescent shade exudes energy and excitement. Related hues include neon magenta pink and bright pink. Ideal for bold digital art, it adds a vivid punch to any color palette!

Neon Magenta colorNeon Magenta color

Neon Magenta is defined by the following color codes and values to ensure consistency across various digital platforms and devices.

  • Hex Code: #FF0090
  • RGB value: 100.0% red, 0.0% green, 56.5% blue

Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines

For variations within the same spectrum as neon magenta, consider:

  • Fuchsia (#ff00ff): Fuchsia is vivid and eye-catching, capturing the bright pink essence of neon magenta with its bold and fluorescent hue.
  • Hot Pink (#ff46a2): This saturated tone stands out with a lively vibrancy similar to neon magenta, offering a dazzling and energetic presence.
  • Orchid (#ed80e9): Orchid blends a neon magenta pink with purple undertones, creating a neon aesthetic that aligns with the vivid hue of neon magenta.
  • Magenta (#fd3db5): Magenta is a naturally fluorescent color with an intense, saturated tone that closely mirrors the vivacious spirit of neon magenta.

To complement Neon Magenta, consider pairing it with:

  • Lime Green (#89F336): This vivid hue creates a high-contrast, electric combination, perfect for bold graphic design and digital art projects.
  • Aquamarine (#66F1C2): Offers a cooling counterpart to Neon Magenta's intensity, resulting in a balanced and refreshing color palette.
  • Chartreuse (#CCFF00): Another bright option that amplifies Neon Magenta's energy, suitable for playful and attention-grabbing compositions.
  • Teal (#069494): Adds a rich, deep contrast, enhancing the bright pink vibrancy of Neon Magenta for a visually striking effect.
  • Slate Gray (#6D8196): Provides a neutral grounding that allows Neon Magenta to shine while maintaining sophistication in design.

While Neon Magenta is vibrant and eye-catching, it may clash with:

Color variations

Shades

Tints

Tones

Hues

Color harmonies

Complementary

Split

Monochromatic

Analogous

Triadic

Square

Custom palettes

Fuchsia Twist

Neon Petal

Neon Fiesta

Contrast checker

Contrast 3.71

Large Text

#FF0090

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #FF0090 text on a #FFFFFF background.
Category
Fail
Fail
Pass
Fail
Pass
Fail

Contrast 5.65

Large Text

#FF0090

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #FF0090 text on a #000000 background.
Category
Pass
Fail
Pass
Pass
Pass
Pass

Color simulations

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

The hexadecimal color #FF0090, known as Neon Magenta, has RGB values of R:255, G:0, B:144 and CMYK values of C:0, M:100, Y:44, K:0.

VALUECSS
HEX#FF0090#FF0090
RGB DECIMAL255, 0, 144RGB(255,0,144)
RGB PERCENTAGE100.0, 0.0, 56.5RGB(100.0%,0.0%,56.5%)
CMYK0, 100, 44, 0
HSLHSL(326.1, 100.0%, 50.0%)HSL(326.1, 100.0%, 50.0%)
HSV (OR HSB)326.1°, 100.0, 100.0
WEB SAFE#2550153#2550153
BINARY11111111, 00000000, 10010000
iOS - SwiftUIColor(red: 1.000, green: 0.000, blue: 0.565)
iOS - UIKitUIColor(red: 1.000, green: 0.000, blue: 0.565, alpha: 1)
Android - ComposeColor(0xFFFF0090)