#F21616 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f21616 is a high-octane red that demands immediate attention. This intense shade lacks any subtlety, making it a poor choice for large backgrounds. Instead, use this hex code as a 10% accent color to highlight buttons or calls to action. It pairs best with charcoal grays and blacks. Since black text maintains a readable 4.9:1 contrast ratio, this shade works well for high-visibility UI elements.
Questions about #f21616
What is #f21616 in RGB, HSL and CMYK?
In RGB, #f21616 is rgb(242, 22, 22), in HSL hsl(0, 89%, 52%) and in CMYK 0%, 91%, 91%, 5%.
How should I use #f21616 in interface design?
Use #f21616 sparingly as a high-visibility accent color rather than a primary background shade. It excels in small doses for call-to-action buttons or critical alerts where you need to draw the user's eye immediately without overwhelming the interface layout.
What colors pair well with #f21616?
This bold red pairs most effectively with deep charcoal or black tones, which provide the necessary weight to ground its intensity. These neutral, dark pairings create a professional contrast that makes the red pop without fighting for attention on the screen.
Is #f21616 readable on white or black?
#f21616 has a 4.28:1 contrast ratio on white and 4.90: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.