#F72A4F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f72a4f is a high-octane red that demands immediate attention. Due to its extreme saturation, it functions best as a small accent rather than a background color. It pairs surprisingly well with deep charcoal grays for a modern, high-contrast look. Because it supports 5.4:1 contrast ratios, you can safely layer black typography directly over it for effective UI call-to-action buttons.
Questions about #f72a4f
What is #f72a4f in RGB, HSL and CMYK?
In RGB, #f72a4f is rgb(247, 42, 79), in HSL hsl(349, 93%, 57%) and in CMYK 0%, 83%, 68%, 3%.
How can I effectively use #f72a4f in user interface design?
#f72a4f is an excellent choice for primary call-to-action buttons because of its high saturation and ability to pass accessibility standards with black text. Avoid using it as a large background color, as its intensity can quickly overwhelm a user interface design.
What colors pair well with #f72a4f for a modern aesthetic?
This red pairs best with deep charcoal or near-black tones to create a balanced, high-contrast look. These darker neutrals ground the intensity of #f72a4f, preventing it from appearing too chaotic while maintaining its energetic and sharp visual appeal.
Is #f72a4f readable on white or black?
#f72a4f has a 3.88:1 contrast ratio on white and 5.39: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.