#A2B300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a2b300 is a bold, neon-leaning yellow with a sharp olive undertone. Its high intensity makes it an aggressive choice for backgrounds, but it shines as a high-visibility accent color for calls to action. Pair it with deep charcoal or matte black text to ensure readability, as it offers excellent contrast. Designers use this hex code to demand immediate attention in buttons, badges, and attention-grabbing UI elements.
Questions about #a2b300
What is #a2b300 in RGB, HSL and CMYK?
In RGB, #a2b300 is rgb(162, 179, 0), in HSL hsl(66, 100%, 35%) and in CMYK 9%, 0%, 100%, 30%.
Why is #a2b300 effective for call-to-action buttons?
This hex color functions as a high-visibility signal that naturally directs the eye due to its intense, neon-leaning brightness. It creates immediate contrast against neutral layouts, making it an ideal choice for buttons or badges where you need to drive user engagement.
What are the best colors to pair with #a2b300?
Pair this shade with deep charcoal or matte black to maintain legibility and professional contrast. Avoid using white text directly on this color, as the intensity of #a2b300 will make the text vibrate and become difficult to read for most users.
Is #a2b300 readable on white or black?
#a2b300 has a 2.33:1 contrast ratio on white and 8.98: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.