Alizarin Crimson
Introducing Alizarin Crimson (#E32636), a historic red that commands attention. This color is defined by its deep, cool-toned saturation, giving it a powerful yet refined quality that stands apart from brighter, more common reds, making it a memorable choice for any palette.
What color is Alizarin Crimson?
Alizarin Crimson is a deep, vivid red with a distinct cool, blueish undertone.
This gives it a rich, wine-like quality, setting it apart from warmer, more orange-based reds.
What is the meaning of the color Alizarin Crimson?
Alizarin Crimson is a color of deep emotion, communicating everything from passion and power to romance and risk.
Historically, it represents a milestone in artistic innovation as one of the first synthetic red pigments, giving it a rich, dramatic character.
How can I effectively use Alizarin Crimson in my UI design?
In UI and web design, Alizarin Crimson (#E32636) is most effective as an accent color. Its intensity can overwhelm a layout if overused, but it excels at drawing the eye to critical elements like calls-to-action, notifications, or active states. For a balanced composition, pair it with neutrals like charcoal gray and off-white, or even a deep navy blue. Applying the 60-30-10 rule—with Alizarin Crimson as the 10% accent—creates a striking yet usable interface.
A similar vibrant red appears in the branding of major companies like Pinterest, eBay, ExpressVPN, and Macy's. These brands often apply it to highlight key functions or to inject a sense of energy and importance into their user experience, proving its value in guiding user attention.
To see how Alizarin Crimson performs in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #E32636 in real UI components from top brands.
Using Alizarin Crimson color codes
To apply Alizarin Crimson in your digital work, the most direct method is using its hexadecimal code, #E32636. This code precisely defines the color for web browsers, design software, and mobile applications, making it the standard for screen-based projects.
Different projects, however, may require different color models. The HEX code can be translated into other formats like RGB (Red, Green, Blue) for screen displays, HSL (Hue, Saturation, Lightness) for intuitive color manipulation, or CMYK (Cyan, Magenta, Yellow, Key/Black) for print materials. More specialized models such as LAB, LCH, and XYZ offer alternative ways to define color based on human perception and light.
We have converted Alizarin Crimson’s #E32636 value into a full range of popular color codes. You can find them below to copy and paste directly into your design tools.
Analogous
Analogous colors sit beside Alizarin Crimson on the color wheel, working together to produce a visually harmonious and calming effect in your designs.
Complementary
Complementary colors sit opposite each other on the color wheel. Pairing Alizarin Crimson with its complement creates a striking, high-contrast visual effect.
Split Complementary
For a more nuanced palette, Alizarin Crimson's split complementary colors pair it with the two hues adjacent to its direct opposite on the color wheel.
Triadic
A triadic color scheme uses three colors equally spaced on the color wheel. With Alizarin Crimson, this creates a vibrant, high-contrast palette.
Tetradic
A tetradic color scheme for Alizarin Crimson uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.
Square
A square color scheme uses four colors evenly spaced on the color wheel. With Alizarin Crimson, this creates a vibrant and highly contrasting palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Alizarin Crimson are made by adding black, giving the color depth and weight.
Tints
Tints are lighter values of Alizarin Crimson, achieved by mixing in white for a softer feel.
Tones
Adding gray to Alizarin Crimson creates tones, which produce a more muted and subtle effect.
Hues
Hues of Alizarin Crimson are variations in temperature and intensity, creating distinct visual moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.

































































































































