#F06C2A Hex Color

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

Hex color #f06c2a graphic
Highly saturated and bright, #f06c2a is a warm orange tone with strong red undertones and immediate visual energy. Its bold intensity suits calls to action, sports graphics, food branding, safety accents, and autumn campaigns. Use it as a focused accent rather than a full interface background. The hex code #f06c2a also supports clear black text at about 6.9:1 contrast.

Questions about #f06c2a

What is #f06c2a in RGB, HSL and CMYK?
In RGB, #f06c2a is rgb(240, 108, 42), in HSL hsl(20, 87%, 55%) and in CMYK 0%, 55%, 83%, 6%. Browse more shades of orange with names and hex codes.
What colors pair well with #f06c2a?
#f06c2a pairs well with charcoal, navy, and warm neutrals because these colors temper its bright red-orange energy while preserving contrast, making them useful for text, borders, backgrounds, and supporting accents in bold palettes. Use cream or beige for a softer, warmer feel.
Where does #f06c2a work best in a design?
#f06c2a works best as a focused accent in calls to action, sports graphics, food branding, safety details, and autumn campaigns, where its saturated orange-red energy can attract attention without overwhelming the full interface. Pair it with calmer background colors to keep layouts balanced.
Is #f06c2a readable on white or black?
#f06c2a has a 3.05:1 contrast ratio on white and 6.88:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.