#F7A058 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Light and moderately saturated, #f7a058 is a glowing orange with mellow golden undertones. Its upbeat energy suits food packaging, sports graphics, youth branding, and autumn campaigns. Use it as a supporting tone beside navy or charcoal rather than a full-page background. The hex code #f7a058 also supports highly readable black text, with about a 10.1:1 contrast ratio.
Questions about #f7a058
What is #f7a058 in RGB, HSL and CMYK?
In RGB, #f7a058 is rgb(247, 160, 88), in HSL hsl(27, 91%, 66%) and in CMYK 0%, 35%, 64%, 3%. Browse more shades of orange with names and hex codes.
What colors pair well with #f7a058?
Pair #f7a058 with navy or charcoal to ground its warm energy, or use soft cream and muted golden tones for a welcoming palette that feels softer than stark black-and-white combinations.
Is #f7a058 a warm or cool color?
#f7a058 reads as a warm color because its orange base is softened by golden undertones, creating a sunny, approachable mood rather than the crisp or distant feeling common to blue-leaning hues.
Where does #f7a058 work well in design?
Use #f7a058 for buttons, highlights, packaging accents, sports graphics, and seasonal campaigns, while keeping larger surfaces restrained because its bright warmth can become visually tiring when applied across an entire page.
Is #f7a058 readable on white or black?
#f7a058 has a 2.07:1 contrast ratio on white and 10.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.