#F98120 Hex Color

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

Hex color #f98120 graphic
This high-intensity orange demands immediate attention, making it perfect for call-to-action buttons or small visual accents. It feels bold and energetic, though its saturation can be overwhelming across large areas. Pair it with deep charcoal or navy to ground the intensity. The hex code for this vivid shade is #f98120. Because it offers strong contrast with black text, it works well for UI elements that require instant legibility.

Questions about #f98120

What is #f98120 in RGB, HSL and CMYK?
In RGB, #f98120 is rgb(249, 129, 32), in HSL hsl(27, 95%, 55%) and in CMYK 0%, 48%, 87%, 2%. Browse more shades of orange with names and hex codes.
How can I effectively use the bold #f98120 orange in a design?
Use #f98120 sparingly as an accent color for call-to-action buttons, notifications, or iconography rather than large backgrounds. Because this shade is so visually intense, it works best when grounded by neutral, dark tones like charcoal or navy to prevent eye fatigue.
Is #f98120 a good choice for text on a web page?
This shade is generally too bright and saturated for body text, as it lacks sufficient contrast against white or light backgrounds. It is much better suited for UI elements that need to pop, or as a vibrant accent against black text for legibility.
Is #f98120 readable on white or black?
#f98120 has a 2.56:1 contrast ratio on white and 8.18: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.