#FF0A34 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, aggressive red demands immediate attention. Due to its intensity and brightness, #ff0a34 works best as a sharp accent or call-to-action button rather than a large background fill, where it can easily overwhelm the eye. For accessibility, black text maintains strong legibility against this hue. Pair this red with cool, dark grays to ground its high energy and prevent it from appearing erratic.
Questions about #ff0a34
What is #ff0a34 in RGB, HSL and CMYK?
In RGB, #ff0a34 is rgb(255, 10, 52), in HSL hsl(350, 100%, 52%) and in CMYK 0%, 96%, 80%, 0%.
How should I use #ff0a34 in a user interface?
#ff0a34 is most effective as a high-contrast accent or a primary call-to-action button where you need to draw the eye immediately. Avoid using this aggressive red for large backgrounds or body text, as it creates significant visual strain over time.
What colors pair well with #ff0a34?
To ground this high-energy shade, pair it with charcoal or deep, cool grays. These neutral, dark tones act as a buffer, preventing the intensity of #ff0a34 from appearing erratic while maintaining strong, accessible legibility for text elements.
Is #ff0a34 readable on white or black?
#ff0a34 has a 3.92:1 contrast ratio on white and 5.34: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.