#F49C2B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated, high-energy orange, #f49c2b reads as playful and confident. Its warmth demands attention, making it perfect for small, punchy accents rather than large backgrounds where it can feel overwhelming. Pair this hex code with deep charcoal or navy to ground its intensity. Because black text maintains a high 9.6:1 contrast ratio, use it for bold, readable typography in youth-oriented branding or seasonal graphics.
Questions about #f49c2b
What is #f49c2b in RGB, HSL and CMYK?
In RGB, #f49c2b is rgb(244, 156, 43), in HSL hsl(34, 90%, 56%) and in CMYK 0%, 36%, 82%, 4%. Browse more shades of orange with names and hex codes.
What colors best ground the intensity of #f49c2b?
This orange demands attention, so pair it with deep charcoal or dark navy to create a professional contrast. These dark, muted tones act as an anchor, preventing the high-energy #f49c2b from overwhelming the overall design or appearing too chaotic.
Is #f49c2b suitable for large background areas in web design?
It is generally better to use #f49c2b as a punchy, concentrated accent rather than a full-page background. Its extreme vibrancy can quickly fatigue the eyes if applied across large surface areas, making it much more effective for buttons, call-to-action elements, or specific graphic highlights.
Is #f49c2b readable on white or black?
#f49c2b has a 2.17:1 contrast ratio on white and 9.63: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.