#F24B46 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy red feels bold and demands immediate attention. Because it is so saturated, #f24b46 works best as an accent color for calls to action or UI highlights rather than a large background. It pairs well with dark charcoal for a modern, grounded contrast. The hex code #f24b46 remains legible with black text, ensuring accessible design for all your interface projects.
Questions about #f24b46
What is #f24b46 in RGB, HSL and CMYK?
In RGB, #f24b46 is rgb(242, 75, 70), in HSL hsl(2, 87%, 61%) and in CMYK 0%, 69%, 71%, 5%.
Where should I use #f24b46 in a UI design?
#f24b46 works best as an accent color for functional elements rather than large backgrounds. Because it is highly saturated, it draws the eye immediately, making it perfect for primary buttons, notification badges, or critical call-to-action triggers.
Is #f24b46 readable on white or black?
#f24b46 has a 3.57:1 contrast ratio on white and 5.87: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.