#54CE2B Hex Color

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

Hex color #54ce2b graphic
High-intensity and saturated, this electric green commands attention. The hex code #54ce2b works best as a vibrant accent color for UI calls-to-action or sustainability branding, as its brightness can overwhelm large areas. It pairs well with charcoal grays or deep navies to ground the energy. If you need other shades of green that are less aggressive, consider this a bold, high-contrast starting point for modern interfaces.

Questions about #54ce2b

What is #54ce2b in RGB, HSL and CMYK?
In RGB, #54ce2b is rgb(84, 206, 43), in HSL hsl(105, 65%, 49%) and in CMYK 59%, 0%, 79%, 19%.
Where should I use the #54ce2b color in web design?
Use #54ce2b primarily as a high-contrast accent color for critical calls-to-action or status indicators. Because it carries such high visual intensity, it can easily overwhelm a layout if used as a primary background or dominant element.
What colors pair well with #54ce2b for a balanced design?
To ground the electric intensity of #54ce2b, pair it with dark, neutral tones like deep charcoal or dark navy. These shades provide the necessary contrast to make the green pop without creating a chaotic or aggressive visual experience.
Is #54ce2b readable on white or black?
#54ce2b has a 2.05:1 contrast ratio on white and 10.24: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.