#4AAF52 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy green demands attention without appearing artificial. Its balanced intensity makes it a practical choice for calls to action or UI accents that need to pop against neutral backgrounds. Avoid using it as a full-page background, as it can overwhelm the eye. Instead, pair it with charcoal or deep slate for a modern look. The hex code for this shade is #4aaf52.
Questions about #4aaf52
What is #4aaf52 in RGB, HSL and CMYK?
In RGB, #4aaf52 is rgb(74, 175, 82), in HSL hsl(125, 41%, 49%) and in CMYK 58%, 0%, 53%, 31%.
What colors pair well with #4aaf52?
This green works best alongside deep neutrals like charcoal or slate to ground its high energy. Because it is so saturated, avoid using it as a primary background, as it will quickly overwhelm your user interface designs and reduce text readability.
Where should I use #4aaf52 in UI design?
Use #4aaf52 primarily for high-contrast calls to action or UI elements like notification badges and progress bars. Its intensity demands attention, making it effective for guiding user behavior without requiring the space of a full-page background color or large decorative design blocks.
Is #4aaf52 readable on white or black?
#4aaf52 has a 2.78:1 contrast ratio on white and 7.54: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.