#5AE050 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy, neon green is incredibly saturated and leans toward a yellow undertone. Because it commands attention, #5ae050 works best as a 10% accent color rather than a large-scale background. It pairs surprisingly well with deep charcoal grays to create a modern, tech-focused interface. With high contrast against black, this hex code provides excellent readability for small UI elements or calls to action.
Questions about #5ae050
What is #5ae050 in RGB, HSL and CMYK?
In RGB, #5ae050 is rgb(90, 224, 80), in HSL hsl(116, 70%, 60%) and in CMYK 60%, 0%, 64%, 12%.
What design elements work best with #5ae050?
Because #5ae050 is so high-energy and saturated, it works best when used as a small, intentional accent color for calls to action or UI highlights. Avoid using it for large background surfaces as it can quickly become overwhelming for users.
Is #5ae050 readable on white or black?
#5ae050 has a 1.71:1 contrast ratio on white and 12.21: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.