#F42A15 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f42a15 is a high-octane red that demands immediate attention. Due to its extreme saturation, it functions best as a surgical 10% accent rather than a background color. It pairs surprisingly well with slate grays or deep charcoals, which temper its intensity. Because it holds a contrast ratio of 5.2:1 against black, it remains readable for small, critical UI elements like error states or primary action buttons.
Questions about #f42a15
What is #f42a15 in RGB, HSL and CMYK?
In RGB, #f42a15 is rgb(244, 42, 21), in HSL hsl(6, 91%, 52%) and in CMYK 0%, 83%, 91%, 4%.
How should I use #f42a15 in a UI design?
#f42a15 works best as a surgical accent rather than a primary background color because of its extreme saturation. It is highly effective for critical UI elements like error states or primary call-to-action buttons where you need immediate user attention.
What colors pair well with #f42a15?
This intense red is best balanced by neutral, grounded tones like charcoal or cool slate grays. These darker, muted shades temper the vibrancy of #f42a15, allowing the red to pop without overwhelming the overall layout of your interface design.
Is #f42a15 readable on white or black?
#f42a15 has a 4.04:1 contrast ratio on white and 5.18: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.