#AEE202 Hex Color

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

Hex color #aee202 graphic
#aee202 is an intense, high-saturation chartreuse that demands attention. Because of its electric energy and significant visual weight, this neon shade works best as an accent color rather than a primary background. It pairs exceptionally well with charcoal gray or deep navy to ground its intensity. The hex code for this aggressive lime is #aee202, which offers sufficient contrast for legible black text in UI applications.

Questions about #aee202

What is #aee202 in RGB, HSL and CMYK?
In RGB, #aee202 is rgb(174, 226, 2), in HSL hsl(74, 98%, 45%) and in CMYK 23%, 0%, 99%, 11%.
What colors pair best with #aee202?
The intense, high-voltage nature of #aee202 requires grounding from deep, cool neutrals to prevent visual strain. It pairs best with charcoal or navy to anchor the brightness, creating a professional contrast rather than a chaotic or clashing design palette.
How can I use #aee202 effectively in UI design?
Use #aee202 strictly as an accent color for calls-to-action or status indicators where you need immediate attention. Because it is highly saturated, it can overwhelm a layout if used as a primary background, so reserve it for small, purposeful interactive elements.
Is #aee202 readable on white or black?
#aee202 has a 1.53:1 contrast ratio on white and 13.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.