#F72F64 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f72f64 is a highly saturated, energetic red that commands immediate attention. Because of its intensity, use this color sparingly as a 10% accent for calls to action or UI highlights rather than a background. It maintains strong contrast with black text for readability. If you ever need to neutralize this fierce tone, understanding how to make brown can help balance your palette.
Questions about #f72f64
What is #f72f64 in RGB, HSL and CMYK?
In RGB, #f72f64 is rgb(247, 47, 100), in HSL hsl(344, 93%, 58%) and in CMYK 0%, 81%, 60%, 3%.
How can I use #f72f64 in a UI design without overwhelming the user?
Treat #f72f64 as a tactical 10% accent color rather than a primary background element. It works best to draw attention to critical call to action buttons or specific interface highlights, allowing the high saturation to serve a functional purpose instead of distracting the viewer.
Is #f72f64 readable on white or black?
#f72f64 has a 3.78:1 contrast ratio on white and 5.54: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.