#52C942 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-saturation green with significant yellow undertones, #52c942 commands attention immediately. This intense shade performs best as a functional accent for calls to action or UI highlights rather than a full background color. Because it is so bright, pairing it with neutral, dark tones prevents visual fatigue. If you need a more muted base, check out mixing gray for alternatives. The hex code for this electric green is #52c942.
Questions about #52c942
What is #52c942 in RGB, HSL and CMYK?
In RGB, #52c942 is rgb(82, 201, 66), in HSL hsl(113, 56%, 52%) and in CMYK 59%, 0%, 67%, 21%.
How can I balance the intensity of #52c942 in my design?
Pair #52c942 with dark, neutral tones like deep charcoal or near-black to prevent visual fatigue. Because this green is highly saturated, using it as a deliberate accent for buttons or alerts maintains focus without overwhelming the layout.
Is #52c942 suitable for large background areas?
Avoid using #52c942 as a large background color, as its extreme vibrancy can cause eye strain. It works most effectively when reserved for small, functional UI elements like call-to-action buttons, status indicators, or specific interactive highlights.
Is #52c942 readable on white or black?
#52c942 has a 2.14:1 contrast ratio on white and 9.79: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.