#FF5AF0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon magenta demands attention with its high intensity and artificial glow. Use #ff5af0 sparingly as a small UI accent or call to action button, as its extreme saturation overwhelms larger backgrounds. It pairs unexpectedly well with deep charcoal or slate grays, which ground its electric energy. Because it is highly legible against black text, it provides excellent contrast for modern, edgy design projects.
Questions about #ff5af0
What is #ff5af0 in RGB, HSL and CMYK?
In RGB, #ff5af0 is rgb(255, 90, 240), in HSL hsl(305, 100%, 68%) and in CMYK 0%, 65%, 6%, 0%.
How can I use #ff5af0 in UI design without overwhelming the viewer?
Use #ff5af0 sparingly as a punchy accent for call-to-action buttons or status indicators, ensuring the surrounding interface remains neutral. Pairing this vibrant shade with charcoal or deep slate provides the necessary contrast to make the color pop without straining the user's eyes.
Does #ff5af0 read as a warm or cool color?
While magenta typically bridges warm and cool, this specific neon variation reads as a high-energy warm tone due to its extreme saturation. It leans toward a futuristic, digital warmth that feels less organic and more artificial compared to traditional pink pigments found in nature.
Is #ff5af0 readable on white or black?
#ff5af0 has a 2.63:1 contrast ratio on white and 7.97:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.