#F2A845 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f2a845 is a high-energy, golden orange with a bright, sunny saturation. This warm tone feels bold and playful, making it an excellent choice for call-to-action buttons or accent graphics where you need visual impact. Pair it with deep charcoals to ground the saturation, as it can feel overwhelming in large blocks. Black text maintains high legibility over this shade for UI layouts.
Questions about #f2a845
What is #f2a845 in RGB, HSL and CMYK?
In RGB, #f2a845 is rgb(242, 168, 69), in HSL hsl(34, 87%, 61%) and in CMYK 0%, 31%, 71%, 5%.
How can I make #f2a845 stand out in a UI design?
This golden orange commands attention, so use it sparingly for primary call-to-action buttons or accent graphics rather than large background blocks. Pairing it with a deep charcoal grounds the saturation while maintaining excellent contrast and readability.
What text colors work best over #f2a845?
Black text provides the highest legibility and creates a sharp, professional look against this bright orange. Because #f2a845 is quite saturated, avoid white or light-colored text, as it will likely fail accessibility standards and become difficult for users to read.
Is #f2a845 readable on white or black?
#f2a845 has a 2.00:1 contrast ratio on white and 10.46: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.