#AF9A31 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted yellow leans toward mustard, offering a warm and grounded presence. Because it is somewhat unsaturated, #af9a31 works best as a supporting accent or 10% pop rather than a dominant background. It creates high readability with black text, making it useful for UI buttons or sale banners. If you want to warm it further, mixing orange into your palette can help balance its inherent earthiness.
Questions about #af9a31
What is #af9a31 in RGB, HSL and CMYK?
In RGB, #af9a31 is rgb(175, 154, 49), in HSL hsl(50, 56%, 44%) and in CMYK 0%, 12%, 72%, 31%.
Where should I use #af9a31 in my interface design?
#af9a31 functions best as a functional accent color rather than a primary background shade. It works exceptionally well for call-to-action buttons or small visual highlights where its high readability against black text can improve user navigation without overwhelming the layout.
What colors pair best with #af9a31 for a balanced palette?
Is #af9a31 readable on white or black?
#af9a31 has a 2.80:1 contrast ratio on white and 7.48: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.