#E03C1F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red demands immediate attention. Due to its extreme boldness, use #e03c1f strictly as a 10% accent color for calls to action or error states rather than a background. It pairs exceptionally well with cool, dark charcoals to temper its heat. This hex code provides enough contrast for black text, ensuring readability in functional UI components.
Questions about #e03c1f
What is #e03c1f in RGB, HSL and CMYK?
In RGB, #e03c1f is rgb(224, 60, 31), in HSL hsl(9, 76%, 50%) and in CMYK 0%, 73%, 86%, 12%.
How should I use #e03c1f in interface design?
#e03c1f works best as a high-visibility accent color limited to roughly 10% of your layout. Use it sparingly for primary calls to action or critical error states to guide user attention without overwhelming the rest of the interface.
What colors pair well with #e03c1f?
This intense red balances beautifully against deep, cool-toned neutrals like charcoal. These dark grays temper the heat of #e03c1f, creating a professional contrast that prevents the red from feeling visually jarring or excessively aggressive to the viewer.
Is #e03c1f readable on white or black?
#e03c1f has a 4.34:1 contrast ratio on white and 4.83: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.