#F03E3E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f03e3e is a high-octane red that demands immediate attention. Use this as a punchy accent color in UI design rather than a full background. Since it has a contrast ratio of 5.5:1 against black, small body text remains readable on this hex code. It pairs effectively with deep charcoals to ground its intensity and prevent the shade from feeling overwhelming in a layout.
Questions about #f03e3e
What is #f03e3e in RGB, HSL and CMYK?
In RGB, #f03e3e is rgb(240, 62, 62), in HSL hsl(0, 86%, 59%) and in CMYK 0%, 74%, 74%, 6%.
How should I use #f03e3e in my user interface design?
Use #f03e3e primarily as a high-impact accent color for buttons, call-to-action elements, or notification alerts rather than a background. Its intensity is ideal for drawing the eye to specific interactive components without overwhelming the user during longer reading sessions.
Does #f03e3e work well with dark themes?
Yes, #f03e3e maintains excellent legibility against dark backgrounds, specifically when paired with charcoal. The contrast ratio remains sufficient for readability, making it a reliable choice for status indicators or primary buttons within a dark-mode layout where vibrant highlights are necessary.
Is #f03e3e readable on white or black?
#f03e3e has a 3.84:1 contrast ratio on white and 5.46: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.