#FF0A00 Hex Color
An intense, high-energy shade of pure red
This intense, saturated red commands immediate attention. Due to its extreme brightness, it overwhelms large backgrounds but works effectively for call-to-action buttons or small UI accents. It pairs well with cool grays or deep charcoal to balance its visual heat. The hex code for this bold color is #ff0a00. Black text offers sufficient contrast on this hue to meet accessibility standards for readable copy.
Questions about #ff0a00
What is #ff0a00 in RGB, HSL and CMYK?
In RGB, #ff0a00 is rgb(255, 10, 0), in HSL hsl(2, 100%, 50%) and in CMYK 0%, 96%, 100%, 0%.
How can I effectively use #ff0a00 in a UI design?
Reserve #ff0a00 strictly for high-priority interactive elements like call-to-action buttons or alert icons. Because it is so visually aggressive, it quickly overwhelms larger backgrounds, so balance it against neutral charcoal or cool grays to keep your layout readable.
What colors pair best with the intensity of #ff0a00?
To ground this high-energy hue, pair #ff0a00 with deep slate or charcoal to reduce visual vibration. For a more sophisticated palette, use a soft off-white as a primary background to let the red stand out without causing eye strain.
Is #ff0a00 readable on white or black?
#ff0a00 has a 3.96:1 contrast ratio on white and 5.29: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.