Color meaning

Hot Pink

Introducing Hot Pink (#E5006D), a vivid, high-energy pink shade. Its electric saturation gives storefronts and promotional pages an unmistakable jolt, while its strong contrast against dark or white backgrounds makes it a standout choice for sale banners, flash-deal badges, and add-to-cart buttons meant to stop the scroll.

#E5006DHSL 331, 100%, 45%

Hot Pink code conversions

HEX
#E5006D
RGB
rgb(229, 0, 109)
HSL
hsl(331, 100%, 45%)
HSB
hsb(331, 100%, 90%)
CMYK
cmyk(0%, 100%, 52%, 10%)

Hot Pink color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

Hot Pink contrast

Your catchy large text

Small body copy sitting on Hot Pink.

4.61:1White textAA passAAA fail

Your catchy large text

Small body copy sitting on Hot Pink.

4.09:1Black textAA failAAA fail

Hot Pink color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Related pink colors

Blush Pink

Hot Pink: frequently asked

What color is Hot Pink?

Hot Pink (#E5006D) is a bright, deeply saturated pink leaning toward magenta. In e-commerce interfaces it reads as bold and playful, sitting between a softer rose and a purple-tinged fuchsia.

What is the meaning of Hot Pink?

Hot Pink signals fun, boldness, and standout confidence. Brands reach for it when they want customers to feel excitement and urgency, a convention common in beauty, fashion, and youth-focused stores running promotions.

How do I use Hot Pink (#E5006D) in e-commerce design?

Use Hot Pink for primary CTAs, sale flags, and hero accents where you want maximum visibility, and pair it with white or deep charcoal to keep it legible. Reserve it for the moment that should grab attention, since large fills of this intensity can overwhelm a page quickly.

Using Hot Pink color codes

Copy Hot Pink (#E5006D) in HEX, RGB, HSL, HSB, and CMYK below to match it consistently across your web store, mobile app, and printed packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP