#F00021 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f00021 is a high-octane red that demands immediate attention. With its extreme saturation and intense, warm undertones, this color is far too aggressive to serve as a background. Instead, reserve it for small, purposeful UI accents like error states or primary call-to-action buttons. Black text maintains excellent legibility against this shade, ensuring your critical interface elements remain accessible and visually sharp.
Questions about #f00021
What is #f00021 in RGB, HSL and CMYK?
In RGB, #f00021 is rgb(240, 0, 33), in HSL hsl(352, 100%, 47%) and in CMYK 0%, 100%, 86%, 6%.
Where should I use #f00021 in a user interface?
Reserve #f00021 for small, high-impact UI elements like error messages, warning icons, or primary call-to-action buttons. Because this red is so aggressive and saturated, it should never be used as a background color, as it will overpower your content.
Does text read well on #f00021?
Black text maintains excellent legibility when placed against #f00021, ensuring your critical interface elements remain accessible. Avoid using white text or other light colors on this specific shade, as they will likely fail standard contrast requirements for accessibility.
Is #f00021 readable on white or black?
#f00021 has a 4.44:1 contrast ratio on white and 4.72: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.