#FA531B Hex Color
An intense, high-energy vibrant red-orange
#fa531b is an intense, high-energy red-orange that demands attention. Because it is so saturated, this color works best as a punchy accent or a call-to-action button rather than a full page background. It pairs well with slate grays or deep navies to anchor its brightness. The hex code for this powerful shade is #fa531b. Black text provides excellent readability against this warm hue.
Questions about #fa531b
What is #fa531b in RGB, HSL and CMYK?
In RGB, #fa531b is rgb(250, 83, 27), in HSL hsl(15, 96%, 54%) and in CMYK 0%, 67%, 89%, 2%.
What colors pair best with #fa531b for a balanced design?
Should I use #fa531b as a primary background color?
Avoid using #fa531b as a full-page background because its high intensity often causes eye strain for users. Instead, reserve this bold color for small UI elements like buttons, notification badges, or important highlight icons to direct user focus.
Is #fa531b readable on white or black?
#fa531b has a 3.32:1 contrast ratio on white and 6.31:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.