#F8342D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated red demands immediate attention. Use #f8342d as a sharp accent or call-to-action button, as its intensity quickly overwhelms layouts when used in large areas. For legibility, pair this color with black text, which maintains a 5.5:1 contrast ratio and meets accessibility standards. The specific hex code for this vivid, fiery shade is #f8342d.
Questions about #f8342d
What is #f8342d in RGB, HSL and CMYK?
In RGB, #f8342d is rgb(248, 52, 45), in HSL hsl(2, 94%, 57%) and in CMYK 0%, 79%, 82%, 3%.
Where should I use the #f8342d red in a user interface?
#f8342d serves best as a purposeful accent color for primary call-to-action buttons or critical system alerts. Because its intensity can quickly overwhelm layouts, avoid using this red for large backgrounds, large shapes, or primary text elements.
What colors pair well with the #f8342d red for a balanced palette?
Pair #f8342d with charcoal or deep, neutral grays to ground its extreme vibrancy without sacrificing readability. Using a high-contrast neutral allows the fiery nature of this red to stand out as a focal point rather than clashing with other saturated tones.
Is #f8342d readable on white or black?
#f8342d has a 3.80:1 contrast ratio on white and 5.52: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.