#54D856 Hex Color

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

Hex color #54d856 graphic
#54d856 is an electric, high-saturation green that demands attention. Because it is so intense, it performs best as a small, high-impact accent or CTA button rather than a background. It pairs surprisingly well with dark charcoal or deep navy, creating a modern, tech-focused aesthetic. The hex code for this neon green is #54d856, which offers excellent readability for black text.

Questions about #54d856

What is #54d856 in RGB, HSL and CMYK?
In RGB, #54d856 is rgb(84, 216, 86), in HSL hsl(121, 63%, 59%) and in CMYK 61%, 0%, 60%, 15%.
What colors pair well with the electric green #54d856?
Because #54d856 is so intense, it creates the best visual balance when paired with dark, grounded neutrals like deep navy or charcoal. These dark tones provide the necessary contrast to let the neon green pop without overwhelming the viewer's eyes.
Is #54d856 suitable for large-scale background use in UI design?
Generally, #54d856 is too vibrant and high-energy to function effectively as a full-page background color. Using such a saturated hue across a large area causes significant eye strain and drastically reduces the readability of any overlaying text or interface elements.
Is #54d856 readable on white or black?
#54d856 has a 1.85:1 contrast ratio on white and 11.33: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.