#FA9500 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated orange packs high visual energy. Because #fa9500 demands attention, it works best as a 10% accent color rather than a dominant background. Pair it with deep charcoal or navy to ground its neon brightness. Black text reads clearly against it, making it a functional choice for high-visibility UI elements like alerts or call-to-action buttons. The hex code for this shade is #fa9500.
Questions about #fa9500
What is #fa9500 in RGB, HSL and CMYK?
In RGB, #fa9500 is rgb(250, 149, 0), in HSL hsl(36, 100%, 49%) and in CMYK 0%, 40%, 100%, 2%.
How should I use #fa9500 in my design projects?
Use #fa9500 sparingly as a 10% accent color to avoid visual fatigue, as its intensity can easily overwhelm a layout. It works best for high-visibility UI elements like alerts or buttons where you need to guide the user's focus immediately.
Which colors pair well with #fa9500 for a balanced palette?
Is #fa9500 readable on white or black?
#fa9500 has a 2.24:1 contrast ratio on white and 9.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.