#E04D35 Hex Color
Vibrant orange red with energetic intensity
This intense, saturated orange-red demands attention. Its high energy makes it ideal for call-to-action buttons or small, striking accents rather than large backgrounds. Because black text maintains a strong 5.3:1 contrast ratio against it, you can safely use it for smaller UI elements. The hex code for this assertive shade is #e04d35. Pair it with soft, muted grays to keep your composition balanced.
Questions about #e04d35
What is #e04d35 in RGB, HSL and CMYK?
In RGB, #e04d35 is rgb(224, 77, 53), in HSL hsl(8, 73%, 54%) and in CMYK 0%, 66%, 76%, 12%.
How can I effectively use #e04d35 in UI design?
#e04d35 works best as a focused accent color rather than a large background. Its high energy makes it ideal for primary call-to-action buttons or status indicators, especially since black text remains legible against it for accessible interfaces.
What colors pair well with #e04d35?
This bold orange-red is best balanced by neutral palettes to avoid visual fatigue. Pairing it with charcoal or soft, desaturated stone grays allows the warmth of #e04d35 to stand out without overwhelming the overall layout.
Is #e04d35 readable on white or black?
#e04d35 has a 3.97:1 contrast ratio on white and 5.28: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.