#E52323 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense red demands attention with its high saturation and aggressive warmth. Because it is so loud, use #e52323 sparingly as a 10% accent color for calls to action or alert buttons. It pairs surprisingly well with dark charcoal grays rather than pure black. The hex code #e52323 offers enough contrast for legible black text, though it can overwhelm a layout if used as a primary background.
Questions about #e52323
What is #e52323 in RGB, HSL and CMYK?
In RGB, #e52323 is rgb(229, 35, 35), in HSL hsl(0, 79%, 52%) and in CMYK 0%, 85%, 85%, 10%.
How should I use #e52323 in a web design layout?
Apply #e52323 sparingly as an accent color for calls to action, error states, or alert buttons because its high intensity can quickly overwhelm a layout. It works most effectively as a small pop of color rather than a large background fill.
What colors pair best with #e52323 for professional designs?
Pair #e52323 with charcoal or deep neutral grays to ground the color without the harshness of pure black. Avoid placing it next to other competing bright saturated colors, as this creates visual vibration that can be difficult for the eye to read.
Is #e52323 readable on white or black?
#e52323 has a 4.56:1 contrast ratio on white and 4.59: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 for body text. Try other pairs in the contrast checker.