#FF013B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity shade of red demands attention through sheer saturation. Because #ff013b carries such aggressive energy, it performs best as a small accent or a high-impact call to action rather than a large background. It pairs surprisingly well with deep charcoal grays to ground its loudness. Using black text over this hex code ensures excellent readability for important UI elements.
Questions about #ff013b
What is #ff013b in RGB, HSL and CMYK?
In RGB, #ff013b is rgb(255, 1, 59), in HSL hsl(346, 100%, 50%) and in CMYK 0%, 100%, 77%, 0%.
How can I balance the high energy of #ff013b in a UI design?
Because #ff013b is visually aggressive, pair it with neutral charcoal or deep slate tones to ground the brightness. Using it exclusively for primary call-to-action buttons rather than large background areas prevents the color from overwhelming the user interface.
Is #ff013b a suitable choice for text on a white background?
Using #ff013b for large, bold text headings can work, but it often fails accessibility standards for smaller body copy due to contrast issues. Rely on black or dark gray for readable text and reserve this vibrant red for iconography or interface highlights.
Is #ff013b readable on white or black?
#ff013b has a 3.94:1 contrast ratio on white and 5.31: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.