#5CFF61 Hex Color

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

Hex color #5cff61 graphic
#5cff61 is a high-intensity, neon green that demands attention. Because of its extreme saturation, it functions best as a sharp 10% accent rather than a full page background. Use it to highlight interactive UI elements or sustainable branding. While it makes a strong statement, designers often need to understand what colors make gray to create the neutral palettes required to balance this bright hex code.

Questions about #5cff61

What is #5cff61 in RGB, HSL and CMYK?
In RGB, #5cff61 is rgb(92, 255, 97), in HSL hsl(122, 100%, 68%) and in CMYK 64%, 0%, 62%, 0%.
How do you effectively use #5cff61 in interface design without overwhelming the viewer?
Treat #5cff61 as a functional accent rather than a primary fill by using it only for small interactive elements like buttons, toggle switches, or data visualization highlights. Pair this vibrant green with charcoal or deep neutral grays to ensure the contrast remains readable and the eyes are drawn exactly where intended.
What kind of color palette balances the extreme intensity of #5cff61?
Because #5cff61 is so saturated, it requires desaturated or achromatic partners to create visual harmony. Use it alongside slate or soft stone tones to ground the design, allowing the neon pop to stand out without causing eye strain or competing for dominance.
Is #5cff61 readable on white or black?
#5cff61 has a 1.31:1 contrast ratio on white and 15.93: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.