#E01049 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #e01049 graphic
This intense, saturated crimson commands immediate attention. Because #e01049 is highly vivid, it works best as a 10% accent rather than a background color, where it can easily overwhelm the eye. Pair this shade with cool grays or dark charcoals to ground its energy. White text remains legible against this hex code, providing enough contrast for accessibility requirements in small, actionable design elements.

Questions about #e01049

What is #e01049 in RGB, HSL and CMYK?
In RGB, #e01049 is rgb(224, 16, 73), in HSL hsl(344, 87%, 47%) and in CMYK 0%, 93%, 67%, 12%.
How should I use the intense #e01049 in a design interface?
Use #e01049 as a high-impact accent color for small UI elements like buttons, call-to-action links, or error states. Because it is so vivid, it risks overwhelming the layout if used as a primary background or full-page fill.
What colors provide the best balance for #e01049?
Pair #e01049 with neutral tones like charcoal or deep slate grays to ground its energetic, saturated character. These dark, cool tones keep the vibrancy of the crimson from feeling too chaotic while maintaining necessary readability for text.
Is #e01049 readable on white or black?
#e01049 has a 4.83: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.