#AF9689 Hex Color

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

Hex color #af9689 graphic
This dusty, unsaturated orange features heavy grey undertones, creating a weathered and grounded appearance. The hex code #af9689 works best as a supporting background rather than a focal point, as it can appear muddy when isolated. Because it offers high contrast against black text, it functions well for readable, vintage-inspired UI designs.

Questions about #af9689

What is #af9689 in RGB, HSL and CMYK?
In RGB, #af9689 is rgb(175, 150, 137), in HSL hsl(21, 19%, 61%) and in CMYK 0%, 14%, 22%, 31%.
Does #af9689 work well for UI text?
While #af9689 offers decent contrast against black, it functions best as a supporting background rather than a primary text color. It provides a readable, vintage-inspired base that avoids the harshness of pure white while remaining soft on the eyes.
What colors pair well with #af9689?
This color pairs beautifully with deep charcoal for high-contrast UI elements or muted sage greens to enhance its organic, weathered feel. These combinations balance the heavy grey undertones while maintaining a sophisticated, earthy aesthetic in your designs.
Is #af9689 readable on white or black?
#af9689 has a 2.78:1 contrast ratio on white and 7.54: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.