#F22B09 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense red demands immediate attention. It is loud and aggressive, making it difficult to use as a full background. Save this shade for high-impact accents like buttons or alerts where you need urgency. Black text remains readable over this hue. The hex code for this color is #f22b09. Pair it with dark charcoal for a balanced interface in your digital designs.
Questions about #f22b09
What is #f22b09 in RGB, HSL and CMYK?
In RGB, #f22b09 is rgb(242, 43, 9), in HSL hsl(9, 93%, 49%) and in CMYK 0%, 82%, 96%, 5%.
How can I balance #f22b09 in a UI design?
Since #f22b09 is visually aggressive, pair it with dark charcoal or deep neutral grays to ground the design. This contrast prevents the red from overwhelming your interface while maintaining the necessary urgency for important action buttons or warning banners.
Is #f22b09 readable on white or black?
#f22b09 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.