Hot Pink

Meet Hot Pink (#FF69B4), a color that commands attention. Its intense saturation and high-energy presence make it a standout in any palette. This unapologetically bright hue is defined by its pure, vibrant quality, offering a powerful visual punch without leaning on subtlety or nuance.

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

What color is Hot Pink?

Hot Pink is a vivid, high-energy shade that sits between magenta and rose. It's defined by its intense saturation and brightness, creating a bold and assertive color that commands attention.

With strong red and subtle yellow undertones, Hot Pink is a decidedly warm color. This warmth distinguishes it from cooler pinks that lean more towards purple, giving it a fiery and energetic quality.

What is the meaning of the color Hot Pink?

Hot Pink is a color of pure, unadulterated confidence and energy. It sidesteps the gentle romance of its paler cousins, instead representing vibrant passion, playfulness, and a bold, attention-grabbing attitude.

Symbolically, it often stands for non-conformity and assertiveness. The color #FF69B4 evokes excitement and a touch of audacity, making a statement that is both fun and forceful.

How do I use Hot Pink in UI design?

To make Hot Pink work in your design, use it as a powerful accent color. It creates a striking effect when set against dark backgrounds or paired with clean neutrals like white and charcoal gray. For a more adventurous palette, consider pairing #FF69B4 with deep blues or teals, which can temper its intensity while maintaining a lively feel.

Few major brands build their entire identity around a color this audacious, which is precisely its strength. Companies like ClickUp and Epidemic Sound use similar energetic pinks for key interface elements, making their products instantly recognizable. Using Hot Pink can signal confidence and help a design stand out in a crowded market.

To see these principles in action, use the tools below. You can explore curated palettes, test your color combinations for accessibility, and preview how Hot Pink looks in UI components from well-known apps.

Using Hot Pink color codes

When applying Hot Pink (#FF69B4) in your designs, consider its intensity. It works best as an accent for key elements like buttons or icons, creating a focal point without overpowering the entire interface.

Your project will likely require different color models. While HEX is standard for the web, you'll need RGB (Red, Green, Blue) for digital screen consistency and CMYK (Cyan, Magenta, Yellow, Key) for print materials. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.

To make things easy, we've converted Hot Pink's #FF69B4 value into a range of popular formats. You can find and copy the exact codes for your project directly below.

Hot Pink Code Conversions

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

Hot Pink Color Harmonies

Analogous

Hot Pink's analogous colors are its direct neighbors on the color wheel, resulting in a visually cohesive and calming color scheme.

#123456
#123456
#123456

Complementary

Hot Pink's complementary colors sit opposite it on the color wheel. Pairing them produces a striking, high-contrast effect that makes both colors pop.

#123456
#123456

Split Complementary

A split complementary scheme pairs Hot Pink with the two colors neighboring its opposite, creating a high-contrast combination with more nuance than a direct complement.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. For Hot Pink, this creates a vibrant, high-contrast palette.

#123456
#123456
#123456

Tetradic

A tetradic scheme for Hot Pink uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant yet balanced palette.

#123456
#123456
#123456
#123456

Square

A square scheme pairs Hot Pink with three other colors, all evenly spaced on the color wheel, creating a bold and balanced high-contrast look.

#123456
#123456
#123456
#123456

Hot Pink Color Variations

Shades

Shades are darker versions of Hot Pink, made by adding black for depth and weight.

#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

Adding white to Hot Pink creates tints, which produce softer, less saturated 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

Tones

Tones of Hot Pink are created by adding gray, resulting in softer, desaturated 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 Hot Pink, differing in intensity or temperature to evoke different 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 Hot 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