#F2A104 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This glowing, high-saturation orange commands attention without being aggressive. Because it is so bright, use #f2a104 as an accent rather than a background color to avoid overwhelming the viewer. It pairs unexpectedly well with deep charcoal or slate, creating a modern, high-contrast look. The hex code for this energetic shade is #f2a104, a bold choice for branding that demands immediate visibility.
Questions about #f2a104
What is #f2a104 in RGB, HSL and CMYK?
In RGB, #f2a104 is rgb(242, 161, 4), in HSL hsl(40, 97%, 48%) and in CMYK 0%, 33%, 98%, 5%.
What is the best way to use #f2a104 in a layout?
Because #f2a104 is extremely high-saturation, it functions best as a focused accent color for buttons, alerts, or key calls-to-action rather than as a background. Using it sparingly prevents eye fatigue while still maintaining a modern, energetic visual impact.
Which colors pair well with #f2a104?
Is #f2a104 readable on white or black?
#f2a104 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.