#A2F6A3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, luminous green leans heavily toward yellow, giving it a sparkling, high-energy appearance. Because the hex code #a2f6a3 is so saturated and bright, it works best as an accent color for UI elements like buttons or notification badges. Pair it with dark charcoal or deep navy for maximum readability, as black text remains sharp and accessible against this light backdrop.
Questions about #a2f6a3
What is #a2f6a3 in RGB, HSL and CMYK?
In RGB, #a2f6a3 is rgb(162, 246, 163), in HSL hsl(121, 82%, 80%) and in CMYK 34%, 0%, 34%, 4%.
How should #a2f6a3 be used in UI design?
Use #a2f6a3 as a high-visibility accent color for primary buttons, toggle switches, or notification indicators against dark backgrounds. Because the shade is so saturated, pairing it with charcoal or deep navy ensures the content remains accessible and easy to read.
Is #a2f6a3 considered a warm or cool color?
This shade of green leans heavily toward yellow, giving it a distinctively warm and energetic appearance. While many greens feel cool or forest-like, the high yellow content in #a2f6a3 makes it feel crisp, springtime-fresh, and surprisingly luminous compared to standard lime tones.
Is #a2f6a3 readable on white or black?
#a2f6a3 has a 1.29:1 contrast ratio on white and 16.24: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.