#A3AA22 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a3aa22 is a bold, high-energy chartreuse that grabs attention. Because it leans neon and highly saturated, use it as a 10% accent color rather than a primary background to avoid overwhelming the viewer. It pairs surprisingly well with deep charcoal grays. The hex code #a3aa22 offers high contrast, so black text remains legible for all users at this weight.
Questions about #a3aa22
What is #a3aa22 in RGB, HSL and CMYK?
In RGB, #a3aa22 is rgb(163, 170, 34), in HSL hsl(63, 67%, 40%) and in CMYK 4%, 0%, 80%, 33%.
How should I use #a3aa22 in a balanced design palette?
Since #a3aa22 is a high-energy, neon-leaning shade, it functions best as a small-scale accent color rather than a dominant background. Limit its usage to about 10% of your layout to add a pop of vibrancy without overwhelming the viewer's eyes.
Which neutral colors pair effectively with #a3aa22?
Deep, dark neutrals like charcoal or near-black tones provide the best contrast for this bright chartreuse. These dark pairings ground the high saturation of #a3aa22, making the overall design feel intentional rather than chaotic or difficult to look at.
Is #a3aa22 readable on white or black?
#a3aa22 has a 2.52:1 contrast ratio on white and 8.33: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.