#F2211D Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f2211d graphic
This intense red demands attention. High saturation makes hex code #f2211d an ideal choice for emergency alerts, promotional calls to action, or button highlights. Because it commands the eye, avoid using it as a background color, as it quickly overwhelms the viewer. For a balanced interface, pair it with soft charcoal grays rather than pure black to maintain a readable 5.0:1 contrast ratio for your text.

Questions about #f2211d

What is #f2211d in RGB, HSL and CMYK?
In RGB, #f2211d is rgb(242, 33, 29), in HSL hsl(1, 89%, 53%) and in CMYK 0%, 86%, 88%, 5%.
What colors pair well with #f2211d?
Pair #f2211d with neutral, desaturated tones to prevent the interface from becoming visually overwhelming. Soft grays, slate blues, or warm beige tones create a balanced palette that allows the intensity of this red to serve as a functional focal point.
Is #f2211d readable on white or black?
#f2211d has a 4.19:1 contrast ratio on white and 5.01: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.