#AFA257 Hex Color

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

Hex color #afa257 graphic
Muted and warm, #afa257 is a soft yellow with olive and gray undertones. Its low saturation gives layouts a mellow, grounded feel that suits spring themes, baby products, budget branding, and construction graphics. Use it as a supporting tone beside navy or charcoal, since white can wash it out. Black text achieves about 8.1:1 contrast. The hex code is #afa257.

Questions about #afa257

What is #afa257 in RGB, HSL and CMYK?
In RGB, #afa257 is rgb(175, 162, 87), in HSL hsl(51, 35%, 51%) and in CMYK 0%, 7%, 50%, 31%.
What colors pair well with #afa257?
Pair #afa257 with navy, charcoal, or deep olive to give its muted yellow more definition; soft beige and warm neutrals create a gentler palette. Avoid relying on white alone, which can make this low-saturation shade look washed out.
Where does #afa257 work well?
#afa257 works well as a supporting color in spring layouts, baby products, budget branding, and construction graphics, where its low saturation adds a mellow, grounded feel without demanding attention from stronger accent colors.
Is #afa257 readable on white or black?
#afa257 has a 2.58:1 contrast ratio on white and 8.12: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.