#AFA388 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Soft and ashy, #afa388 is a dusty yellow with gray-beige undertones and very low saturation. Its muted lightness creates a peaceful, gentle mood suited to spring layouts, baby products, budget branding, and construction themes. Use it as a supporting background with navy or dark brown, since it can look washed out beside white. Black text remains highly readable. The hex code is #afa388.
Questions about #afa388
What is #afa388 in RGB, HSL and CMYK?
In RGB, #afa388 is rgb(175, 163, 136), in HSL hsl(42, 20%, 61%) and in CMYK 0%, 7%, 22%, 31%.
What colors pair well with #afa388?
Is #afa388 warm or cool?
#afa388 reads as a muted warm-neutral color: its dusty yellow base brings gentle warmth, while gray-beige undertones soften it and prevent a bright, strongly golden appearance. That balance suits calm, understated layouts better than vivid or highly energetic themes.
Where can designers use #afa388?
#afa388 works best as a supporting background, surface, or accent in spring layouts, baby products, budget branding, and construction themes. Pair it with dark text or deeper colors so its soft, low-saturation character does not look washed out.
Is #afa388 readable on white or black?
#afa388 has a 2.49:1 contrast ratio on white and 8.41: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.