#5BEA69 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5bea69 graphic
This neon green is high-saturation and intense, making it a sharp choice for call-to-action buttons or energetic branding. Because the hex code #5bea69 is so vivid, use it as a 10% accent rather than a dominant background. Black text remains perfectly legible against it for accessible interfaces. If you need to create balance, studying how to make gray helps you ground these bright palettes.

Questions about #5bea69

What is #5bea69 in RGB, HSL and CMYK?
In RGB, #5bea69 is rgb(91, 234, 105), in HSL hsl(126, 77%, 64%) and in CMYK 61%, 0%, 55%, 8%.
How should I effectively use #5bea69 in web design?
#5bea69 is a high-intensity color that works best as a targeted accent rather than a dominant background. Because it is so vivid, limit its use to 10% of your interface, such as for call-to-action buttons or small visual highlights.
Is #5bea69 readable on white or black?
#5bea69 has a 1.56:1 contrast ratio on white and 13.41: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.