#F82218 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red commands instant attention. It brings intense energy and urgency to any UI, making it perfect for call to action buttons or alert badges. Because the hex code #f82218 is so dominant, use it sparingly as a 10 percent accent rather than a background. Black text remains legible against this shade, ensuring your critical messaging stands out clearly.
Questions about #f82218
What is #f82218 in RGB, HSL and CMYK?
In RGB, #f82218 is rgb(248, 34, 24), in HSL hsl(3, 94%, 53%) and in CMYK 0%, 86%, 90%, 3%.
How should I use #f82218 in UI design?
Because #f82218 is visually dominant, treat it as a ten percent accent color rather than a background. It works best for high-urgency elements like error states or primary action buttons where you need to draw the eye immediately.
Is #f82218 readable on white or black?
#f82218 has a 4.01:1 contrast ratio on white and 5.23: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.