#F3120F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense red demands immediate attention, functioning best as a high-impact accent or call-to-action button. Because it is highly saturated, avoid using this color as a large-scale background to prevent visual fatigue. It pairs effectively with cool grays or deep navies to temper the intensity. The hex code for this shade is #f3120f. Black text maintains excellent legibility over this bright hue.
Questions about #f3120f
What is #f3120f in RGB, HSL and CMYK?
In RGB, #f3120f is rgb(243, 18, 15), in HSL hsl(1, 90%, 51%) and in CMYK 0%, 93%, 94%, 5%.
How can I effectively use #f3120f in a UI design?
Apply #f3120f exclusively as a high-impact accent color for interactive elements like primary buttons or critical alerts. Due to its extreme saturation, avoid using it for large backgrounds or body text, as this will quickly overwhelm the user interface and cause eye strain.
What colors pair well with #f3120f for a balanced palette?
Is #f3120f readable on white or black?
#f3120f has a 4.28:1 contrast ratio on white and 4.90: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.