#F24346 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #f24346 when a design needs a call to action that actually gets clicked. This saturated red leans slightly warm, with just enough softness to stay mellow instead of harsh. The hex code works best as an accent or in the 10 percent of a palette, since it can overwhelm as a full background. Pair it with deep navy or charcoal for contrast, and note that black text passes WCAG AA on top of it.
Questions about #f24346
What is #f24346 in RGB, HSL and CMYK?
In RGB, #f24346 is rgb(242, 67, 70), in HSL hsl(359, 87%, 61%) and in CMYK 0%, 72%, 71%, 5%. Browse more shades of red with names and hex codes.
Is #f24346 readable on white or black?
#f24346 has a 3.70:1 contrast ratio on white and 5.66: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.