#F50029 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy red demands immediate attention. Because #f50029 is so intense, it works best as a small accent or call-to-action button rather than a background color. It pairs cleanly with stark white or dark charcoal for maximum impact. While black text on this background meets accessibility standards for body copy, the sheer volume of color is usually too loud for large blocks of text.
Questions about #f50029
What is #f50029 in RGB, HSL and CMYK?
In RGB, #f50029 is rgb(245, 0, 41), in HSL hsl(350, 100%, 48%) and in CMYK 0%, 100%, 83%, 4%.
How can I use #f50029 effectively in a UI design?
#f50029 is extremely vibrant and works best as a surgical accent for critical call-to-action buttons or alert states. Avoid using this red for large backgrounds or body text, as its intensity creates visual fatigue that overwhelms users quickly.
What colors pair well with #f50029 for a balanced look?
This red pairs cleanly with neutral tones like charcoal or stark white to ground its high-energy vibration. Using it alongside desaturated cool tones can also provide a sophisticated contrast that prevents the overall design from becoming too loud or aggressive.
Is #f50029 readable on white or black?
#f50029 has a 4.27:1 contrast ratio on white and 4.91: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.