#FA881E Hex Color

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

Hex color #fa881e graphic
Bright and saturated, #fa881e is an orange with real heat. The hex code #fa881e reads loud at large sizes, so it works best as an accent for calls to action and highlights. Black text clears contrast on it, and it flatters deep teal and charcoal.

Questions about #fa881e

What is #fa881e in RGB, HSL and CMYK?
In RGB, #fa881e is rgb(250, 136, 30), in HSL hsl(29, 96%, 55%) and in CMYK 0%, 46%, 88%, 2%.
What text color works on #fa881e?
Black text on #fa881e reaches about 8.6:1 contrast, well past the WCAG AA 4.5:1 threshold for body text. White text falls short, so save it for large display type only.
Where does #fa881e work best in a design?
Use it as a small accent in the 10% slot of a 60/30/10 palette, on buttons, badges, and highlights. Pair it with deep teal or charcoal for balance.
Is #fa881e readable on white or black?
#fa881e has a 2.44:1 contrast ratio on white and 8.60: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.