Figma color wheel
Want to find the perfect complementary or analogous colors to match Neon Magenta?
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!
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Fuchsia Twist
Neon Petal
Neon Fiesta
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:
Contrast checker
Contrast 3.71
- Large Text
#FF0090
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| 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.
| 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.
| VALUE | CSS | |
|---|---|---|
| HEX | #FF0090 | #FF0090 |
| RGB DECIMAL | 255, 0, 144 | RGB(255,0,144) |
| RGB PERCENTAGE | 100.0, 0.0, 56.5 | RGB(100.0%,0.0%,56.5%) |
| CMYK | 0, 100, 44, 0 | |
| HSL | HSL(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 |
| BINARY | 11111111, 00000000, 10010000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.000, blue: 0.565) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.000, blue: 0.565, alpha: 1) | |
| Android - Compose | Color(0xFFFF0090) |
