#F22E02 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f22e02 is a high-intensity red that commands immediate attention. Its extreme saturation makes it overwhelming for large backgrounds, but it shines as a bold accent for buttons or urgent UI alerts. Black text maintains a readable 5.2:1 contrast ratio against this hue, meeting accessibility standards. Use this hex code sparingly to direct the user’s eye toward your primary calls to action.
Questions about #f22e02
What is #f22e02 in RGB, HSL and CMYK?
In RGB, #f22e02 is rgb(242, 46, 2), in HSL hsl(11, 98%, 48%) and in CMYK 0%, 81%, 99%, 5%.
Is #f22e02 suitable for body text?
Using #f22e02 for large blocks of text causes visual fatigue due to its extreme saturation. It is most effective as a functional UI element, such as a high-contrast button or a critical alert, where the brightness helps prioritize the user's focus.
What colors pair well with #f22e02?
Is #f22e02 readable on white or black?
#f22e02 has a 4.06:1 contrast ratio on white and 5.16: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.