#F7C062 Hex Color

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

Hex color #f7c062 graphic
#f7c062 is a light, warm orange with soft yellow undertones and a mellow pastel finish. Its glowing, optimistic character suits spring campaigns, food packaging, youth branding, and cheerful interface backgrounds. Use it as a supporting tone with navy or deep plum, since white text lacks contrast. The hex code #f7c062 supports clear black text at about 12.7:1 contrast.

Questions about #f7c062

What is #f7c062 in RGB, HSL and CMYK?
In RGB, #f7c062 is rgb(247, 192, 98), in HSL hsl(38, 90%, 68%) and in CMYK 0%, 22%, 60%, 3%.
What colors pair well with #f7c062?
#f7c062 pairs well with navy, deep plum, and other dark cool tones that balance its warm yellow-orange glow while keeping text and supporting accents visually grounded and easy to read. Use lighter neutrals around it when you want a softer, airier layout.
Where can #f7c062 work well?
#f7c062 works well for spring campaigns, food packaging, youth branding, and cheerful interface backgrounds where its mellow orange warmth adds energy without feeling harsh, especially when balanced by darker text or surrounding tones. Its pastel finish makes it more approachable than a highly saturated orange.
Is #f7c062 readable on white or black?
#f7c062 has a 1.65:1 contrast ratio on white and 12.67: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.