#F5151E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense red is saturated and demands immediate attention. Because of its high chroma, #f5151e works best as a surgical accent for buttons or alerts rather than a full background. The hex code provides enough contrast for black text, making it a functional choice for UI elements. Pair it with charcoal grays or deep neutrals to ground its aggressive energy without losing the impact.
Questions about #f5151e
What is #f5151e in RGB, HSL and CMYK?
In RGB, #f5151e is rgb(245, 21, 30), in HSL hsl(358, 92%, 52%) and in CMYK 0%, 91%, 88%, 4%. Browse more shades of red with names and hex codes.
How should #f5151e be used in user interface design?
#f5151e functions best as a surgical accent for critical UI elements like primary buttons, error states, or urgent notifications. Because of its extreme saturation, applying it to large backgrounds often overwhelms the eye and hinders readability for your users.
What colors pair well with #f5151e to balance its intensity?
To ground the aggressive energy of #f5151e, pair it with deep, neutral tones such as charcoal or dark slate. These muted backgrounds reduce the visual vibration while maintaining the impact of this bright red without causing eye strain.
Is #f5151e readable on white or black?
#f5151e has a 4.19:1 contrast ratio on white and 5.00: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.