Electric Pink

Electric Pink (#F62681) is a powerfully vibrant hue that instantly captures the eye. Defined by its high saturation and a radiant quality that borders on fluorescent, this color makes a bold statement in any palette without saying a word.

Electric Pink
#F62681
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Electric Pink?

Electric Pink is a brilliant, highly saturated shade that sits on the spectrum between pink and magenta.

It’s a warm hue with a subtle blue undertone, which creates its characteristic vibrant, near-fluorescent appearance.

What is the meaning of the color Electric Pink (#F62681)?

Electric Pink, with its hex code #F62681, is a color of pure, unadulterated energy and confidence.

It breaks away from the gentle connotations of its pastel cousins, embodying a bold, rebellious spirit that demands attention.

How do I use Electric Pink in UI design?

Electric Pink (#F62681) shines as an accent color, perfect for drawing attention to calls-to-action, notifications, or active states. Pair it with a foundation of dark or light neutrals to make it pop without overwhelming the user. For a more adventurous palette, consider analogous colors like purples and reds or a triadic scheme with blues and yellows for a high-energy composition.

While not a dominant color across the board, its boldness is used by brands like Uniswap, Cameo, and Tinder to project a modern and confident identity. Its relative scarcity can be a strategic advantage, helping a product feel distinct and memorable in a crowded market.

To see how #F62681 performs in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview Electric Pink in real UI components from leading brands.

Using Electric Pink color codes

Given its vibrancy, Electric Pink (#F62681) is most effective as an accent. A measured application can guide attention and inject life into a composition without overpowering the core design.

The hex code is just one way to specify a color. For digital screens, you might use RGB values, while print projects require CMYK percentages for ink mixing. Other models like HSL (Hue, Saturation, Lightness) or LAB offer more intuitive methods for color manipulation and ensuring perceptual uniformity.

To get you started, we’ve translated #F62681 into a range of common formats. Find the code you need below and copy it directly into your design tool.

Electric Pink Code Conversions

HEX
#F62681
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

Electric Pink Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. Paired with Electric Pink, they create a harmonious and serene palette for your designs.

#123456
#123456
#123456

Complementary

Colors on the opposite side of the color wheel are complementary. Paired with Electric Pink, these hues create a bold, eye-catching visual tension.

#123456
#123456

Split Complementary

A split complementary scheme pairs Electric Pink with the two colors adjacent to its direct opposite, creating a vibrant look with less tension.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. With Electric Pink, this creates a vibrant and balanced high-contrast palette.

#123456
#123456
#123456

Tetradic

Tetradic schemes pair Electric Pink with three other colors, creating two complementary pairs that form a rectangle on the color wheel.

#123456
#123456
#123456
#123456

Square

A square scheme pairs Electric Pink with three other colors, all equidistant on the color wheel, for a balanced yet highly contrasting effect.

#123456
#123456
#123456
#123456

Electric Pink Color Variations

Shades

Shades of Electric Pink are created by adding black, giving the color more gravity and depth.

#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 of Electric Pink are lighter values made by adding white for a softer effect.

#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

By adding gray to Electric Pink, you create tones—softer, more muted 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

Hues

Hues are variations of Electric Pink, differing in intensity and temperature to create distinct moods.

#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 Electric Pink?

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