#FF2A00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, intense orange-red commands immediate attention. Because #ff2a00 is so loud and high-energy, it works best as a deliberate accent or call-to-action button rather than a background color. It pairs surprisingly well with dark charcoal grays for a modern, industrial look. The hex code #ff2a00 offers enough contrast for readable black text, making it a functional choice for urgent interface alerts.
Questions about #ff2a00
What is #ff2a00 in RGB, HSL and CMYK?
In RGB, #ff2a00 is rgb(255, 42, 0), in HSL hsl(10, 100%, 50%) and in CMYK 0%, 84%, 100%, 0%.
Where should I use #ff2a00 in a UI design?
#ff2a00 works best as a deliberate accent or call-to-action button rather than a background color because of its intense, high-energy nature. Use it sparingly to guide user attention toward critical alerts or primary conversion points without overwhelming the interface.
What colors pair well with #ff2a00?
Pair #ff2a00 with deep charcoal or dark gray tones to ground its intensity for a clean, modern look. This combination creates a professional industrial aesthetic that allows the vibrancy of the orange-red to stand out against a neutral background.
Is #ff2a00 readable on white or black?
#ff2a00 has a 3.76:1 contrast ratio on white and 5.58: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.