Cerise
Introducing Cerise (#DE3163), a profoundly saturated color that commands notice. Sitting confidently between red and pink, its vivid nature offers a bold visual statement, making it an arresting feature in any design palette without the harshness of a pure primary.
What color is Cerise?
Cerise is a deep, vivid reddish-pink, often likened to the color of a ripe cherry. It occupies a space on the color wheel between red and magenta, presenting a bold and saturated appearance.
It carries strong red qualities but is cooled by distinct blue undertones, giving it a complex character that leans slightly more toward magenta than a pure, warm red.
What is the meaning behind the color Cerise (#DE3163)?
Named after the French word for cherry, Cerise is a vibrant, reddish-pink that embodies energy and excitement.
In color psychology, it's a shade that communicates confidence and passion, often associated with fun, youthfulness, and romance.
How can I apply Cerise (#DE3163) in my UI design work?
In UI design, Cerise (#DE3163) works best as a potent accent color. Apply it strategically to draw attention to primary call-to-actions, notifications, or active states. To create a balanced composition, consider the 60-30-10 rule, pairing Cerise with a neutral foundation of charcoal grays or off-whites and a secondary, more subdued color.
While not ubiquitous, Cerise and its adjacent shades have been adopted by memorable brands. Companies like Instagram, Slack, and foodpanda have used similar vibrant pinks to project a modern and energetic identity. The Premier League's branding also features a comparable magenta, showing its effectiveness in building a strong visual system.
To see how Cerise performs in a real-world context, use the tools on this page. You can explore curated palettes, test color contrast for accessibility, and preview #DE3163 in UI components from leading applications.
How do I use the Cerise color codes?
Working with Cerise often begins with its hex code, #DE3163. Given its intensity, it's a powerful choice for accents that guide the eye without dominating the entire design.
Your project's medium dictates the color code you'll need. Digital displays use RGB (Red, Green, Blue) values to mix light, while physical printing requires CMYK (Cyan, Magenta, Yellow, Key/Black) inks for accurate reproduction on paper.
We have translated #DE3163 into a full spectrum of color models. Feel free to copy the precise values for your chosen format below.
Analogous
Analogous colors are found next to Cerise on the color wheel. Grouping these related hues together creates a cohesive and remarkably serene visual effect.
Complementary
Complementary colors sit opposite each other on the color wheel. Paired with Cerise, its complement creates a striking, high-contrast visual effect.
Split Complementary
Split complementary colors for Cerise offer a vibrant yet balanced palette by pairing it with the two colors adjacent to its direct complement.
Triadic
Triadic palettes are formed by three colors evenly spaced on the color wheel. Using Cerise as a starting point results in a high-contrast, harmonious combination.
Tetradic
A tetradic scheme for Cerise uses two pairs of complementary colors, forming a rectangle on the color wheel for a rich, balanced palette.
Square
The square color scheme pairs Cerise with three other hues, all equidistant on the color wheel, for a balanced yet highly contrasting visual effect.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are created by adding black to Cerise, resulting in darker, weightier variations.
Tints
Tints are lighter versions of Cerise, made by adding white to soften the hue.
Tones
Tones of Cerise are created by adding gray, which softens its saturation.
Hues
Hues are variations on Cerise, differing in intensity or temperature to evoke distinct feelings.
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.































































































































