#F50808 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity red commands attention immediately. Because of its extreme saturation, #f50808 functions best as a small, purposeful accent rather than a full background color. It pairs surprisingly well with dark, cool charcoals, which ground its aggressive energy. For accessibility, black text maintains strong contrast against this hue, making it effective for urgent calls to action or error states where legibility is non-negotiable.
Questions about #f50808
What is #f50808 in RGB, HSL and CMYK?
In RGB, #f50808 is rgb(245, 8, 8), in HSL hsl(0, 94%, 50%) and in CMYK 0%, 97%, 97%, 4%.
What is the best way to use #f50808 in digital design?
Because #f50808 is extremely saturated, avoid using it as a large background element which can overwhelm the viewer. Instead, reserve this aggressive red for small, purposeful UI accents like error states, urgent notifications, or critical call-to-action buttons to ensure visual clarity.
Does #f50808 pair well with other colors?
This vibrant red benefits from being grounded by cool, dark neutrals that balance its high energy. Pair #f50808 with a deep charcoal or slate gray to provide a sophisticated contrast that prevents the red from becoming visually fatiguing during prolonged viewing.
Is #f50808 readable on white or black?
#f50808 has a 4.26:1 contrast ratio on white and 4.92: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.