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.

Cerise
#DE3163
Copy
Copied
Access our full UI & UX library today.
Join for free

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.

Cerise Code Conversions

HEX
#DE3163
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Cerise Color Harmonies

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.

#123456
#123456
#123456

Complementary

Complementary colors sit opposite each other on the color wheel. Paired with Cerise, its complement creates a striking, high-contrast visual effect.

#123456
#123456

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.

#123456
#123456
#123456

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.

#123456
#123456
#123456

Tetradic

A tetradic scheme for Cerise uses two pairs of complementary colors, forming a rectangle on the color wheel for a rich, balanced palette.

#123456
#123456
#123456
#123456

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.

#123456
#123456
#123456
#123456

Cerise Color Variations

Shades

Shades are created by adding black to Cerise, resulting in darker, weightier variations.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints are lighter versions of Cerise, made by adding white to soften the hue.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones of Cerise are created by adding gray, which softens its saturation.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations on Cerise, differing in intensity or temperature to evoke distinct feelings.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Cerise?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

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.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion