#A2A127 Hex Color

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

Hex color #a2a127 graphic
This muted, earthy yellow leans into an olive tone, providing a warm, grounded energy without the intensity of primary colors. Because it is highly readable against black text, the hex code #a2a127 functions well for button accents or interface labels. Use it sparingly as an accent rather than a full background, as it can easily feel muddy when applied to large surface areas.

Questions about #a2a127

What is #a2a127 in RGB, HSL and CMYK?
In RGB, #a2a127 is rgb(162, 161, 39), in HSL hsl(60, 61%, 39%) and in CMYK 0%, 1%, 76%, 36%.
How can I effectively use #a2a127 in interface design?
Because #a2a127 acts as a neutral-adjacent accent, it works best for call-to-action buttons or interface labels where you need warmth without high-intensity saturation. Avoid using it as a large-scale background, as its earthy density can make layouts feel heavy or muddy.
Which colors pair best with #a2a127 for a balanced palette?
This olive yellow pairs naturally with deep charcoal for high-contrast text or crisp cream for an organic, soft aesthetic. To create more visual energy, pair #a2a127 with muted terracotta or soft navy to anchor the design.
Is #a2a127 readable on white or black?
#a2a127 has a 2.74:1 contrast ratio on white and 7.66: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.