#FF7A1A Hex Color

An intense neon orange with vibrant energy

Hex color #ff7a1a graphic
This intense, saturated orange demands attention with high chroma and warm energy. Because it is so loud, #ff7a1a works best as a 10% accent color rather than a primary background. It pairs well with dark charcoal or navy blue to ground its neon brightness. The hex code for this bold shade is #ff7a1a, which offers excellent contrast when used with black text.

Questions about #ff7a1a

What is #ff7a1a in RGB, HSL and CMYK?
In RGB, #ff7a1a is rgb(255, 122, 26), in HSL hsl(25, 100%, 55%) and in CMYK 0%, 52%, 90%, 0%.
How should I use #ff7a1a in a UI layout?
Because #ff7a1a is extremely high-chroma, you should use it as a 10% accent color rather than a primary background to avoid overwhelming the user. It works best for call-to-action buttons or small visual highlights that need immediate attention.
What colors pair well with #ff7a1a?
This vibrant shade looks best when grounded by dark, neutral tones like charcoal or navy blue. These dark colors provide the necessary contrast to balance the neon intensity of #ff7a1a without creating a jarring or difficult-to-read interface.
Is #ff7a1a readable on white or black?
#ff7a1a has a 2.60:1 contrast ratio on white and 8.05: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.