#F22738 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated, high-intensity red, #f22738 demands attention immediately. This warm hue thrives as an accent for calls to action or alert indicators where high visibility is needed. Because of its extreme saturation, it can quickly overwhelm large areas, so use it sparingly as a 10% highlight. Black text maintains readable contrast against this hex code, ensuring your important messages stay sharp.
Questions about #f22738
What is #f22738 in RGB, HSL and CMYK?
In RGB, #f22738 is rgb(242, 39, 56), in HSL hsl(355, 89%, 55%) and in CMYK 0%, 84%, 77%, 5%.
Where should I use #f22738 in a design?
#f22738 serves as an ideal high-visibility accent color for conversion-focused elements like buttons, notification badges, or alert indicators. Because of its extreme saturation, it functions best when used sparingly as a 10% highlight rather than a dominant background color.
Is #f22738 readable on white or black?
#f22738 has a 4.09:1 contrast ratio on white and 5.12: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.