#7AD754 Hex Color

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

Hex color #7ad754 graphic
This bright, electric lime green draws attention with high saturation and a powerful yellow undertone. The hex code #7ad754 works best as a punchy accent color in UI design rather than a full background, where it can easily overwhelm the eye. It pairs surprisingly well with deep charcoal or navy blue to ground its intensity. Because it is so vivid, you rarely need help with mixing gray to find balance.

Questions about #7ad754

What is #7ad754 in RGB, HSL and CMYK?
In RGB, #7ad754 is rgb(122, 215, 84), in HSL hsl(103, 62%, 59%) and in CMYK 43%, 0%, 61%, 16%.
What colors pair well with #7ad754 in a design layout?
Because #7ad754 is so vivid and saturated, it requires grounded, darker tones to balance the visual weight. Using it alongside deep charcoal or dark navy provides the necessary contrast to prevent the lime from overwhelming the rest of your design elements.
Is #7ad754 appropriate for large background areas?
Generally, #7ad754 is too intense for full-page backgrounds as it can cause significant eye strain. It is most effective when reserved for small, intentional UI elements like call-to-action buttons, notifications, or specific icons that require high visibility and immediate user attention.
Is #7ad754 readable on white or black?
#7ad754 has a 1.79:1 contrast ratio on white and 11.67: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.