#E74C3C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red demands attention, acting best as a 10% accent rather than a dominant base. Its high-energy output works well for call-to-action buttons or urgent alerts. Because it leans warm, this shade pairs surprisingly well with deep charcoal grays to ground its intensity. The hex code for this color is #e74c3c, which provides enough contrast for black text to remain legible.
Questions about #e74c3c
What is #e74c3c in RGB, HSL and CMYK?
In RGB, #e74c3c is rgb(231, 76, 60), in HSL hsl(6, 78%, 57%) and in CMYK 0%, 67%, 74%, 9%.
How should I use #e74c3c in a design layout?
Treat #e74c3c as a high-impact accent color rather than a primary base, as its high saturation can quickly overwhelm a user interface. Use it sparingly for critical call-to-action buttons or urgent alerts to guide the user's eye effectively.
Does #e74c3c work well with dark neutrals?
This warm red pairs exceptionally well with charcoal or deep, desaturated grays, which help ground its intense energy. The high contrast between the vivid red and the dark neutral creates a sophisticated, balanced look that keeps the design professional.
Is #e74c3c readable on white or black?
#e74c3c has a 3.82:1 contrast ratio on white and 5.49: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.