#F24949 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and saturated, #f24949 is a bold red that demands attention. Because it is so loud, this color works best as a 10% accent rather than a dominant background. It pairs well with slate grays or deep charcoal to temper its urgency. With a 5.8:1 contrast ratio, black text remains perfectly legible against this hex code, making it an excellent choice for high-impact calls to action.
Questions about #f24949
What is #f24949 in RGB, HSL and CMYK?
In RGB, #f24949 is rgb(242, 73, 73), in HSL hsl(0, 87%, 62%) and in CMYK 0%, 70%, 70%, 5%.
Why is #f24949 better as an accent than a background?
Because #f24949 is exceptionally saturated and high-intensity, using it as a dominant background can quickly overwhelm the viewer and cause eye strain. It works most effectively when reserved for smaller, crucial UI elements like call-to-action buttons or alert status indicators.
What colors pair best with #f24949?
To balance the urgency of #f24949, pair it with neutral, darker tones like charcoal or deep slate gray. These grounded colors provide the necessary visual weight to temper the brightness of the red without letting it dominate the entire layout.
Is #f24949 readable on white or black?
#f24949 has a 3.60:1 contrast ratio on white and 5.82: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.