#F0362A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red commands immediate attention. Because of its intensity, designers should use #f0362a sparingly as a 10% accent for calls to action rather than large background areas. It pairs cleanly with charcoal or slate grays for a modern aesthetic. The hex code #f0362a offers enough contrast to support black text, ensuring readability for UI elements and small buttons.
Questions about #f0362a
What is #f0362a in RGB, HSL and CMYK?
In RGB, #f0362a is rgb(240, 54, 42), in HSL hsl(4, 87%, 55%) and in CMYK 0%, 78%, 83%, 6%.
What colors pair well with #f0362a for a modern interface?
#f0362a balances best when paired with neutral, deep tones like charcoal or cool slate grays. Using these dark, muted backgrounds prevents the intensity of this red from overwhelming your interface, while maintaining a clean, professional aesthetic for buttons and icons.
Is #f0362a suitable for large background areas in web design?
Avoid using #f0362a as a primary background color because its high saturation and intensity cause significant eye strain. It is much more effective as a 10% accent color, guiding user attention to specific interactive elements like buttons or notification badges.
Is #f0362a readable on white or black?
#f0362a has a 3.98:1 contrast ratio on white and 5.26: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.