#F5062E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red demands immediate attention. Because it is so loud and aggressive, use #f5062e sparingly as a 10% accent color for calls to action or UI alerts rather than large backgrounds. It pairs surprisingly well with dark, cool charcoals or deep navy blues to ground its brilliance. Black text remains readable against this hex code, ensuring your warning or highlighted messaging stays accessible.
Questions about #f5062e
What is #f5062e in RGB, HSL and CMYK?
In RGB, #f5062e is rgb(245, 6, 46), in HSL hsl(350, 95%, 49%) and in CMYK 0%, 98%, 81%, 4%.
How should I use #f5062e in a user interface?
Limit #f5062e to a 10% accent ratio, such as for critical error messages or primary action buttons, because its intensity can easily overwhelm a layout. It is best suited for visual alerts that require immediate user attention rather than large, background-filling applications.
Which colors pair well with the intensity of #f5062e?
Is #f5062e readable on white or black?
#f5062e has a 4.24:1 contrast ratio on white and 4.94: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.