#F22227 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f22227 is a loud, saturated red that grabs attention before anything else on the page. Its high saturation and mid lightness make it a natural accent for buttons, badges, and calls to action, though full backgrounds can feel aggressive fast. It flatters deep navy and charcoal better than black. Black text on it reaches about 5.0:1, enough for AA body copy.
Questions about #f22227
What is #f22227 in RGB, HSL and CMYK?
In RGB, #f22227 is rgb(242, 34, 39), in HSL hsl(359, 89%, 54%) and in CMYK 0%, 86%, 84%, 5%.
What colors pair well with #f22227?
Deep navy and charcoal tone down its heat without dulling it, making the red read richer than it does next to black. Warm neutrals like cream work too, but use them sparingly.
Is #f22227 readable on white or black?
#f22227 has a 4.17:1 contrast ratio on white and 5.03: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.