#F24161 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma red commands instant attention. The hex code #f24161 possesses a vivid, aggressive energy that overwhelms larger backgrounds, making it best reserved for small UI accents or high-impact calls to action. It pairs unexpectedly well with deep charcoal grays or cool teals. Because it sits on the brighter side of the spectrum, it maintains solid contrast for black text in interface design.
Questions about #f24161
What is #f24161 in RGB, HSL and CMYK?
In RGB, #f24161 is rgb(242, 65, 97), in HSL hsl(349, 87%, 60%) and in CMYK 0%, 73%, 60%, 5%.
How should I use #f24161 in web interface design?
#f24161 is a high-chroma, aggressive red that functions best as a small, deliberate UI accent or a high-impact call to action button. Using it sparingly prevents it from overwhelming your layout and maintains a balanced visual hierarchy.
Which colors pair well with #f24161 for a balanced palette?
Is #f24161 readable on white or black?
#f24161 has a 3.68:1 contrast ratio on white and 5.70: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.