#E01145 Hex Color

A bold and saturated ruby red

Hex color #e01145 graphic
This high-intensity red commands attention immediately. The hex code #e01145 carries a powerful, saturated pigment that works best as a punchy accent rather than a background. Pair it with soft charcoal or deep slate to balance its aggressive energy. Because white text maintains strong contrast against this hue, it serves well for actionable buttons or urgent notifications in UI design.

Questions about #e01145

What is #e01145 in RGB, HSL and CMYK?
In RGB, #e01145 is rgb(224, 17, 69), in HSL hsl(345, 86%, 47%) and in CMYK 0%, 92%, 69%, 12%.
What colors pair best with #e01145?
Because #e01145 is so aggressive and saturated, it requires neutral partners to balance its energy. Use deep slate or dark charcoal backgrounds to ground the color, or keep the surrounding interface mostly white to let the red function as a clear, high-contrast action element.
Is #e01145 suitable for large blocks of text?
No, #e01145 is too intense for reading-heavy layouts or paragraph text. Its high saturation causes eye strain when viewed in large quantities, so reserve this hue for small, critical components like error messages, CTA buttons, or secondary icons where immediate user attention is the primary goal.
Is #e01145 readable on white or black?
#e01145 has a 4.84:1 contrast ratio on white and 4.33:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.