#FFAA58 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy, golden orange carries a sun-drenched quality that commands attention. Because it is highly saturated, #ffaa58 works best as a punchy accent rather than a background color. Pair it with deep charcoal grays to create a modern, high-contrast look that pops without overwhelming the viewer. This bright hex code is a perfect choice for youthful branding or calls-to-action that require an immediate, optimistic response.
Questions about #ffaa58
What is #ffaa58 in RGB, HSL and CMYK?
In RGB, #ffaa58 is rgb(255, 170, 88), in HSL hsl(29, 100%, 67%) and in CMYK 0%, 33%, 65%, 0%. Browse more shades of orange with names and hex codes.
How can I use #ffaa58 effectively in a layout?
Treat #ffaa58 as a high-energy accent rather than a primary background color to avoid overwhelming your viewer. It works beautifully when paired with charcoal or deep navy, creating a sophisticated, high-contrast look for buttons and call-to-action elements.
Is #ffaa58 readable on white or black?
#ffaa58 has a 1.88:1 contrast ratio on white and 11.14: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.