#E53051 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red screams for attention. Because #e53051 is so aggressive, save it for 10% accents like calls to action rather than large background blocks. It offers a 4.9:1 contrast ratio with black text, making it highly readable for UI elements. Use the hex code #e53051 sparingly alongside neutral charcoals to balance its raw energy without overwhelming the viewer.
Questions about #e53051
What is #e53051 in RGB, HSL and CMYK?
In RGB, #e53051 is rgb(229, 48, 81), in HSL hsl(349, 78%, 54%) and in CMYK 0%, 79%, 65%, 10%. Browse more shades of red with names and hex codes.
What colors pair well with #e53051?
#e53051 works best when grounded by neutral tones that allow its intensity to shine without clashing. Pair this vibrant red with dark charcoal or slate to create a sophisticated balance, or use it against stark white to maximize the visual impact of call-to-action buttons.
How should I use #e53051 in UI design?
This color is highly aggressive and works best as a surgical accent for critical UI elements like primary buttons or notification badges. Limit usage to roughly ten percent of your layout to prevent overwhelming the user interface and ensuring your most important actions stand out clearly.
Is #e53051 readable on white or black?
#e53051 has a 4.30: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.