Hot Pink #FF69B4

Hot pink, the CSS keyword hotpink, has the hex code #FF69B4. It is a bright, saturated pink with a cool lean toward magenta, lighter and softer than neon versions. Think of 1980s fashion, bubblegum, toy aisles and party flyers, or anything else meant to look bold and fun.

#FF69B4 is the CSS value for hotpink. Many brands and fashion labels use the name for much deeper, more intense pinks, closer to CSS deeppink #FF1493.

Hot Pink color codes
HEX#FF69B4
RGBrgb(255, 105, 180)
HSLhsl(330, 100%, 71%)
HSVhsv(330, 59%, 100%)
CMYKcmyk(0%, 59%, 29%, 0%)

Text on Hot Pink

Black text reads better on Hot Pink. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

2.64:1 · Fail
Black text

The quick brown fox jumps over the lazy dog.

7.93:1 · AAA

Colors that go with Hot Pink

Hot Pink tints and shades

Tints mix Hot Pink with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#FF80BF
#FF96CB
#FFADD6
#FFC3E1
#FFDAEC

Shades

#D95999
#B34A7E
#8C3A63
#662A48
#401A2D

Hot Pink color schemes

Color-wheel harmonies built by rotating the hue of #FF69B4 and keeping its saturation and lightness.

Complementary

#FF69B4
#69FFB4

Analogous

#FF69FF
#FF69B4
#FF6969

Triadic

#FF69B4
#B4FF69
#69B4FF

Split complementary

#FF69B4
#69FF69
#69FFFF

Tetradic

#FF69B4
#FFFF69
#69FFB4
#6969FF

Hot Pink color meaning

Hot pink is pink with the volume turned up. It keeps pink's playfulness and adds confidence, so it often reads as bold, flirty and a little rebellious. The fashion designer Elsa Schiaparelli popularized an intense pink she called shocking pink in the 1930s, and loud pinks have carried that attention-seeking edge ever since.

It became a signature of 1980s pop culture and returns whenever fashion swings toward maximalism. Toy and beauty brands use it heavily, which ties it to girlhood for many people.

In recent years it has also been used deliberately in feminist and LGBTQ+ campaigns, where its loudness is the point. In those settings hot pink signals visibility and refusing to tone things down, which gives it a more political meaning than softer pinks carry.

How to use Hot Pink in design

Hot pink is a high-energy accent for beauty, fashion, nightlife, music and kids' brands. Black or very dark text reads well on it. White text is hard to read at normal sizes, so keep white type for big display headlines.

On social media it stops the scroll, but too much of it gets tiring, so balance it with black, white or a soft neutral. In UI it can work as a primary button color if the rest of the interface stays quiet. In interiors, one hot pink chair or print adds a playful jolt to a neutral room.

Palettes with Hot Pink tones

Curated palettes with a color close to #FF69B4.

Colors similar to Hot Pink

Work with Hot Pink

Hot Pink FAQ

What is the difference between hot pink and magenta?

Hot pink #FF69B4 is lighter and softer, with a good amount of white mixed into a pink-red. Magenta #FF00FF is a full-strength mix of red and blue light with no green, so it looks more purple and far more intense. Hot pink reads as pink, and magenta sits between pink and purple.

What colors go with hot pink?

Black and white are the easiest partners and keep hot pink sharp. For high energy, pair it with lime green, orange or turquoise. For a calmer palette, use navy or charcoal with small hot pink accents. Avoid stacking several bright pinks together, since slightly different pinks tend to look mismatched.