#5DDD85 Hex Color

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

Hex color #5ddd85 graphic
This neon green is high-saturation and light, creating a buzzing, artificial energy that grabs attention. It works best as an accent color for UI elements like buttons or notification badges rather than a dominant background. Because it has enough contrast for small black text, use it sparingly alongside deep charcoal or matte navy to ground its intensity. The hex code for this color is #5ddd85.

Questions about #5ddd85

What is #5ddd85 in RGB, HSL and CMYK?
In RGB, #5ddd85 is rgb(93, 221, 133), in HSL hsl(139, 65%, 62%) and in CMYK 58%, 0%, 40%, 13%.
How can I effectively use #5ddd85 in user interface design?
This neon green works best as a punchy accent color for actionable elements like buttons or notification badges. Because of its high saturation, it can easily overwhelm a layout, so keep it limited to small, interactive components rather than large backgrounds.
What colors pair well with #5ddd85 to ground its intensity?
To balance the artificial brightness of #5ddd85, pair it with deep, neutral tones like charcoal or matte navy. These dark, muted shades provide the necessary contrast to make the green pop without causing visual strain for the viewer.
Is #5ddd85 readable on white or black?
#5ddd85 has a 1.72:1 contrast ratio on white and 12.14: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.