#5AFE81 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon green is highly saturated and glows with an intense, electrified energy. Use the hex code #5afe81 as an accent color for sustainability or tech branding, as it can be overwhelming when used for large backgrounds. It maintains excellent readability with black text. If you are struggling to ground this bright tone, try mixing gray into your palette to balance its high-energy, artificial feel.
Questions about #5afe81
What is #5afe81 in RGB, HSL and CMYK?
In RGB, #5afe81 is rgb(90, 254, 129), in HSL hsl(134, 99%, 67%) and in CMYK 65%, 0%, 49%, 0%.
How can I use #5afe81 effectively without overwhelming a design?
Use #5afe81 strictly as an accent color for call-to-action buttons or highlights rather than as a primary background. It pairs exceptionally well with dark charcoal text, which helps ground the color's artificial, high-voltage appearance while maintaining necessary readability.
Does #5afe81 work well with neutral colors?
Yes, #5afe81 looks strongest when balanced against desaturated neutrals that counter its intensity. Mixing this shade with a soft slate or warm concrete gray prevents it from looking jarring while still allowing the neon brightness to pop effectively in digital layouts.
Is #5afe81 readable on white or black?
#5afe81 has a 1.31:1 contrast ratio on white and 15.92: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.