#5CD670 Hex Color

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

Hex color #5cd670 graphic
This bright, neon green is highly saturated and demands attention. Because #5cd670 is intense, use it sparingly as an accent color for calls to action or UI alerts rather than a dominant background. It pairs well with dark charcoal for high-contrast, modern interfaces. Since black text provides excellent readability on this shade, you can use it confidently for small labels or icons.

Questions about #5cd670

What is #5cd670 in RGB, HSL and CMYK?
In RGB, #5cd670 is rgb(92, 214, 112), in HSL hsl(130, 60%, 60%) and in CMYK 57%, 0%, 48%, 16%.
How can I effectively use #5cd670 in a modern UI design?
Use #5cd670 strictly as an accent color for calls to action, notifications, or critical status alerts. Because of its extreme saturation, it will overwhelm your interface if used as a primary background; instead, pair it with charcoal for high-contrast, professional results.
Does text read clearly when placed over #5cd670?
Black text provides the best readability against #5cd670, making it an excellent choice for small, high-impact labels or navigation icons. Avoid using white text, as the luminance values do not provide enough contrast to meet standard accessibility requirements for legibility.
Is #5cd670 readable on white or black?
#5cd670 has a 1.85:1 contrast ratio on white and 11.30: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.