Cadmium Red
Meet Cadmium Red (#E30022), a color that refuses to be ignored. Its intense, pure saturation gives it a commanding presence on any palette. This vibrant hue possesses a certain visual weight that immediately draws the eye, making it a powerful choice for creating focal points in design.
What color is Cadmium Red?
Cadmium Red is a vivid and intense shade of red, known for its exceptional saturation and opacity.
It is a distinctly warm color, carrying subtle yellow or orange undertones that give it a fiery and energetic character.
What meaning does Cadmium Red (#E30022) carry in user interface design?
Cadmium Red, with its code #E30022, is a color of potent emotion, conveying passion, energy, and a sense of urgency. Artists like Henri Matisse favored its intensity to express powerful feelings on canvas.
Symbolically, this hue carries significant weight, representing everything from love and vitality to danger and power. It’s a color that commands attention and signifies importance, making it a deliberate choice for any design.
How can I use Cadmium Red (#E30022) in UI design?
Given its intensity, Cadmium Red works best as a potent accent color. Pair it with a foundation of muted neutrals—like charcoal, off-white, or even deep navy—to create a sharp visual hierarchy. Reserve it for primary calls-to-action, notifications, or branding highlights to direct user focus effectively.
Many prominent brands, including Pinterest, Macy's, Netflix, and The New Yorker, use a similar vibrant red to command attention and convey confidence.
Explore curated palettes, test color contrast for accessibility, and preview Cadmium Red (#E30022) in real UI components from leading brands using the tools below.
Using Cadmium Red color codes
To use Cadmium Red in your projects, you'll start with its hex code, #E30022, which is standard for web design. However, different mediums require different color models. For digital displays, you'll work with its RGB values, which define the intensity of red, green, and blue light. For print materials, you'll need the CMYK values, corresponding to cyan, magenta, yellow, and black ink.
Other models offer distinct advantages. HSL (Hue, Saturation, Lightness) is often more intuitive for making adjustments, while systems like LAB and LCH provide device-independent color specifications, which is critical for maintaining color consistency across various outputs.
To make your workflow easier, we have translated Cadmium Red's #E30022 into a variety of common formats. You can find these codes listed below, ready to copy and paste directly into your design software.
Analogous
Analogous colors are neighbors to Cadmium Red on the color wheel. This grouping creates a harmonious and visually pleasing palette, often perceived as serene.
Complementary
To find Cadmium Red's complementary color, look directly across the color wheel. This pairing offers the highest possible contrast, creating a bold, energetic effect.
Split Complementary
For a more nuanced take on high contrast, a split complementary scheme pairs Cadmium Red with the two colors adjacent to its direct opposite.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With Cadmium Red as a base, this creates a vibrant, high-contrast palette.
Tetradic
Tetradic schemes pair Cadmium Red with three other colors, forming two complementary sets for a rich and versatile design palette.
Square
A square color scheme uses four colors equidistant on the color wheel. With Cadmium Red as a base, this creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Cadmium Red creates its darker shades, giving the color more depth and weight.
Tints
By adding white, Cadmium Red is lightened into tints, creating softer, more delicate tones.
Tones
Tones are created by adding gray to Cadmium Red, resulting in a softer, less saturated hue.
Hues
Hues are variations of Cadmium Red, differing in intensity and temperature to create distinct 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.
