#E13B31 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red is intense and commands immediate attention. Because of its high energy, #e13b31 works best as a punchy accent rather than a full background. It pairs well with deep charcoals or slate grays to balance its warmth. Black text maintains excellent legibility against this shade, making it a reliable choice for critical call-to-action buttons or urgent alerts in UI design. The hex code for this color is #e13b31.
Questions about #e13b31
What is #e13b31 in RGB, HSL and CMYK?
In RGB, #e13b31 is rgb(225, 59, 49), in HSL hsl(3, 75%, 54%) and in CMYK 0%, 74%, 78%, 12%. Browse more shades of red with names and hex codes.
What colors pair best with #e13b31 in UI design?
Because #e13b31 is a high-energy red, it balances perfectly with neutral, deep tones like charcoal or slate gray. These darker hues ground the intensity of the red, allowing it to function as a powerful accent color for buttons or alerts without overwhelming the interface.
Is #e13b31 a safe choice for text color?
Using #e13b31 for body text is generally not recommended as it lacks the contrast needed for comfortable, accessible reading. It is most effective as a highlight or action element where the goal is to draw the user's eye, rather than for long-form content.
Is #e13b31 readable on white or black?
#e13b31 has a 4.31:1 contrast ratio on white and 4.87: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.