#F9A261 Hex Color

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

Hex color #f9a261 graphic
Bright but softened, #f9a261 is a light, glowing orange with enough yellow to feel mellow instead of loud. The hex code reads fresh and playful, which suits food branding, sports, youth marketing, and autumn palettes. It works best as an accent or supporting tone, since white text loses contrast against it. Pair it with deep navy for a richer combination. See what colors make orange to mix similar shades.

Questions about #f9a261

What is #f9a261 in RGB, HSL and CMYK?
In RGB, #f9a261 is rgb(249, 162, 97), in HSL hsl(26, 93%, 68%) and in CMYK 0%, 35%, 61%, 2%.
What colors pair well with #f9a261?
Deep navy and charcoal make #f9a261 glow without overwhelming a layout, while sage green keeps it soft and seasonal. Skip white text on this shade, since it fails contrast tests.
Is #f9a261 readable on white or black?
#f9a261 has a 2.02:1 contrast ratio on white and 10.36: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.