#FA9E66 Hex Color

A high-energy glowing warm orange

Hex color #fa9e66 graphic
#fa9e66 is a high-energy, warm orange with a glowing presence. Because of its intensity, it functions better as a small accent than a full background. Designers often pair it with charcoal or deep navy for visual balance. Since black text provides strong contrast against this hue, it remains highly readable in UI components. The hex code for this color is #fa9e66.

Questions about #fa9e66

What is #fa9e66 in RGB, HSL and CMYK?
In RGB, #fa9e66 is rgb(250, 158, 102), in HSL hsl(23, 94%, 69%) and in CMYK 0%, 37%, 59%, 2%.
What colors pair best with #fa9e66?
Because #fa9e66 is so intense, it balances beautifully against deep, grounding neutrals like charcoal or dark navy. These dark tones anchor the brightness of the orange, creating a high-contrast, professional look that keeps your UI design from feeling overwhelming.
Is #fa9e66 suitable for text in UI design?
While #fa9e66 is highly readable when used as a text color against a very dark background, it often lacks the contrast ratio needed for standard accessibility compliance on light surfaces. Use it primarily for buttons, icons, or decorative accents instead of long-form body text.
Is #fa9e66 readable on white or black?
#fa9e66 has a 2.06:1 contrast ratio on white and 10.14: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.