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.
| HEX | #FF69B4 | |
|---|---|---|
| RGB | rgb(255, 105, 180) | |
| HSL | hsl(330, 100%, 71%) | |
| HSV | hsv(330, 59%, 100%) | |
| CMYK | cmyk(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.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
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
Shades
Hot Pink color schemes
Color-wheel harmonies built by rotating the hue of #FF69B4 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
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.