#F2A03E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A glowing, warm orange with high saturation, #f2a03e feels energetic and approachable. Its brightness makes it an ideal accent color for youth-oriented branding or seasonal autumn graphics. Because this hex code offers strong contrast against black text, it works well for headers and calls to action. Use it sparingly, as its intensity can easily overwhelm a design if applied across large backgrounds.
Questions about #f2a03e
What is #f2a03e in RGB, HSL and CMYK?
In RGB, #f2a03e is rgb(242, 160, 62), in HSL hsl(33, 87%, 60%) and in CMYK 0%, 34%, 74%, 5%. Browse more shades of orange with names and hex codes.
When should I use #f2a03e in a design?
#f2a03e functions best as a high-impact accent color for buttons or headers rather than a background shade. Because of its high saturation, using it sparingly keeps it approachable while preventing the intensity from overpowering your layout or visual hierarchy.
What colors pair well with #f2a03e?
Is #f2a03e readable on white or black?
#f2a03e has a 2.12:1 contrast ratio on white and 9.87: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.