#53B218 Hex Color

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

Hex color #53b218 graphic
This saturated, high-intensity green commands immediate attention. Because #53b218 is so bold and bright, use it sparingly as an accent for calls to action or UI highlights rather than a full background. It pairs well with charcoal or dark navy for high-contrast interfaces. For designers interested in similar green shades, this color provides excellent legibility for black text. The hex code for this lime is #53b218.

Questions about #53b218

What is #53b218 in RGB, HSL and CMYK?
In RGB, #53b218 is rgb(83, 178, 24), in HSL hsl(97, 76%, 40%) and in CMYK 53%, 0%, 87%, 30%.
How should I use #53b218 in UI design?
Because #53b218 acts as a high-intensity green, it is best reserved for interactive elements like buttons, toggle switches, or notification badges rather than large backgrounds. Using this specific shade for small UI components ensures it grabs attention without overwhelming the user interface.
What colors pair well with #53b218?
This vibrant green creates a striking, modern contrast when paired with dark, grounded neutrals like charcoal or deep navy. These dark tones stabilize the high energy of the lime, allowing the green to pop for critical page elements.
Is #53b218 readable on white or black?
#53b218 has a 2.70:1 contrast ratio on white and 7.74: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.