Magenta
Online color picker to view shades, tints, color codes, and complementary colors
This neon magenta is a high-octane color that demands immediate attention. Due to extreme saturation, avoid using it as a full background. Instead, reserve the shade for bold UI accents like buttons or call-to-action highlights. It pairs clearly with black, providing a 6.7:1 contrast ratio for excellent legibility. The hex code #ff00ff works best when you need to inject energy into a design.
Questions about Magenta
What is the hex code for Magenta?
Magenta is #ff00ff. In RGB that is rgb(255, 0, 255), in HSL hsl(300, 100%, 50%) and in CMYK 0%, 100%, 0%, 0%.
How do I use #ff00ff effectively in web design?
Use #ff00ff primarily for UI accents such as call-to-action buttons or highlights because its extreme saturation makes it overwhelming as a full background color. Pair it with dark text like charcoal to ensure the design remains legible and accessible.
Does #ff00ff pair well with other bright colors?
While #ff00ff is visually intense on its own, it pairs surprisingly well with balanced neutrals like slate or charcoal. Avoid placing it next to other highly saturated neon colors unless you specifically intend to create a jarring, retro-pop aesthetic.
Is Magenta readable on white or black?
Magenta has a 3.13:1 contrast ratio on white and 6.69:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.