#AFA484 Hex Color

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

Hex color #afa484 graphic
#afa484 is a desaturated, dusty yellow that leans toward an ashy gold. Because it is so muted, it works as a calming background that feels gentle rather than loud. Black text provides excellent contrast against this hex code, making it readable for small body type. Pair it with deep charcoal or slate gray to add structure to your design layouts.

Questions about #afa484

What is #afa484 in RGB, HSL and CMYK?
In RGB, #afa484 is rgb(175, 164, 132), in HSL hsl(45, 21%, 60%) and in CMYK 0%, 6%, 25%, 31%.
What colors pair well with #afa484?
The desaturated nature of #afa484 pairs beautifully with deep neutrals like charcoal or slate gray to create a balanced, professional contrast. Avoid extremely bright neon accents, which can overpower this color’s inherently gentle and dusty quality.
Is #afa484 a good choice for text?
While #afa484 is excellent for backgrounds, it lacks the necessary contrast for small, readable body text on light backgrounds. Always pair it with deep, dark colors like dark charcoal or near-black to ensure accessibility and readability.
Is #afa484 readable on white or black?
#afa484 has a 2.48:1 contrast ratio on white and 8.46: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.