#5AE291 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon-adjacent green is incredibly luminous and energetic. It works best as a punchy accent color rather than a primary background, which can overwhelm the eye. Pair this shade with dark charcoal or deep navy for high-contrast, modern UI elements. The hex code for this bright green is #5ae291, and its high saturation makes it a sharp choice for call-to-action buttons.
Questions about #5ae291
What is #5ae291 in RGB, HSL and CMYK?
In RGB, #5ae291 is rgb(90, 226, 145), in HSL hsl(144, 70%, 62%) and in CMYK 60%, 0%, 36%, 11%.
How can I best use #5ae291 in UI design?
#5ae291 works best as a deliberate, small-scale accent rather than a primary background color, as its high luminosity can quickly overwhelm a user interface. It excels when applied to call-to-action buttons or status indicators, especially against dark backgrounds like charcoal or deep navy for maximum readability.
Does #5ae291 have warm or cool undertones?
This color sits on the cooler side of the green spectrum, leaning toward a vibrant, electric lime without being overtly yellow or olive. Because of its high saturation and blue-leaning undertones, it feels fresh and digital rather than organic or natural, making it a sharp choice for technology-focused branding.
Is #5ae291 readable on white or black?
#5ae291 has a 1.65:1 contrast ratio on white and 12.72: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.