#F44C4C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red demands attention with intense chroma. As a 10% accent color, #f44c4c draws the eye immediately, making it ideal for call-to-action buttons or urgent alerts. Avoid using it as a large background, where it can overwhelm the viewer. The hex code #f44c4c offers high legibility with black text, maintaining a 6.0:1 contrast ratio that works well for small UI elements.
Questions about #f44c4c
What is #f44c4c in RGB, HSL and CMYK?
In RGB, #f44c4c is rgb(244, 76, 76), in HSL hsl(0, 88%, 63%) and in CMYK 0%, 69%, 69%, 4%.
When should I use #f44c4c in a design layout?
Limit #f44c4c to small, intentional accents such as notification badges, primary buttons, or critical error states. Because it carries such high visual weight, it can easily overwhelm a layout if used for backgrounds or large-scale design elements.
Is #f44c4c readable on white or black?
#f44c4c has a 3.50:1 contrast ratio on white and 5.98: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.