#FA9319 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fa9319 is a neon-adjacent orange with high saturation and golden warmth. It feels energetic and aggressive, making it best suited as a small accent color rather than a primary background. Pair it with deep charcoals to ground its intensity and maximize legibility. For clear communication, black text provides excellent contrast against this hex code, ensuring your design remains accessible.
Questions about #fa9319
What is #fa9319 in RGB, HSL and CMYK?
In RGB, #fa9319 is rgb(250, 147, 25), in HSL hsl(33, 96%, 54%) and in CMYK 0%, 41%, 90%, 2%.
Does #fa9319 work well as a primary background?
Avoid using #fa9319 as a primary background because its high intensity can quickly overwhelm the viewer and fatigue the eyes. Instead, use this energetic shade as a deliberate accent or call-to-action button to grab attention without sacrificing legibility.
What colors pair best with the intensity of #fa9319?
Because #fa9319 is so vibrant, it creates the best balance when grounded by deep, dark neutrals like charcoal or matte black. These dark tones stabilize the golden warmth of the orange, preventing the design from feeling cluttered or unreadable.
Is #fa9319 readable on white or black?
#fa9319 has a 2.26:1 contrast ratio on white and 9.25: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.