#AAF22F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma lime acts as a bold, electric accent in modern UI design. Because of its extreme brightness, reserve #aaf22f for small interactive elements or 10% call-to-action buttons rather than large backgrounds. Black text ensures maximum readability, maintaining a 15.5:1 contrast ratio against this tone. The hex code for this high-energy shade is #aaf22f.
Questions about #aaf22f
What is #aaf22f in RGB, HSL and CMYK?
In RGB, #aaf22f is rgb(170, 242, 47), in HSL hsl(82, 88%, 57%) and in CMYK 30%, 0%, 81%, 5%.
How should I use #aaf22f in UI design effectively?
Reserve #aaf22f for small interactive elements or high-priority call-to-action buttons rather than large backgrounds. Because of its extreme brightness, this color demands attention; pairing it with charcoal or deep black text ensures the necessary contrast for readability.
Is #aaf22f readable on white or black?
#aaf22f has a 1.35:1 contrast ratio on white and 15.45: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.