#F50538 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated red demands attention. With its intense warmth and vivid brightness, hex code #f50538 operates best as a small accent rather than a full background. It pairs surprisingly well with deep charcoal grays to ground its extreme energy. Use this color sparingly for call to action buttons or alert indicators, as its strength can easily overwhelm a composition if overused.
Questions about #f50538
What is #f50538 in RGB, HSL and CMYK?
In RGB, #f50538 is rgb(245, 5, 56), in HSL hsl(347, 96%, 49%) and in CMYK 0%, 98%, 77%, 4%.
How should I use #f50538 effectively in a web interface?
#f50538 is an aggressive, high-energy hue that works best when used strictly for interactive elements like alert banners or primary call to action buttons. Because of its extreme vibrancy, avoid using it for large text blocks or full backgrounds to prevent eye strain.
What colors pair well with #f50538 to balance its intensity?
To ground the extreme energy of #f50538, pair it with charcoal or deep, neutral grays that provide a stable visual anchor. These dark neutrals absorb some of the visual heat, allowing the red to pop as an intentional accent rather than feeling overwhelming.
Is #f50538 readable on white or black?
#f50538 has a 4.23:1 contrast ratio on white and 4.96: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.