Hot pink color

A vivid pink like strawberry bubblegum. In CSS it's called hotpink. It's fun and youthful, all over toys, clothing and Y2K style.

Also known as: bubblegum pink, hotpink.

Hot pink · #FF69B4

About hot pink

Hot pink (#FF69B4) is a warm, light, highly saturated color. It belongs to the pinks family. It mixes 255 red, 105 green and 180 blue (out of 255). It is mostly used in fashion, kids, makeup.

Hot pink shades and tints

From lightest to darkest. Tap a shade to copy its code.

Hot pink color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Light green

AnalogousClose to: Orchid, Salmon

TriadicClose to: Mint green, Steel blue

Split complementaryClose to: Mint green, Cyan

TetradicClose to: Corn yellow, Light green, Electric blue

Hot pink color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Hot pink

Analogous palette · Hot pink

Complementary palette · Hot pink

Triadic palette · Hot pink

With neutrals palette · Hot pink

With an accent palette · Hot pink

Hot pink contrast with text

White textContrast 2.6:1 · Not recommended

Black textContrast 7.9:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --hot-pink: #FF69B4;
  --hot-pink-rgb: 255, 105, 180;
}
.bg { background-color: var(--hot-pink); }
.text { color: var(--hot-pink); }

Colors similar to hot pink

Neon pink Blush pink Deep pink Mexican pink Flamingo pink Fuchsia Orchid Raspberry Plum Lavender

Themed palettes with this color

More pinks

Pink Dusty pink Old rose Fuchsia Magenta Mexican pink Pastel pink Baby pink Deep pink Raspberry Rose quartz Rose gold Blush pink Flamingo pink Neon pink Dusty rose

Frequently asked questions

What is the hex code for hot pink?

The hex code for hot pink is #FF69B4. In RGB it is rgb(255, 105, 180), in HSL hsl(330, 100%, 71%) and in CMYK 0, 59, 29, 0.

What is the complementary color of hot pink?

Its complement on the color wheel is #69FFB4, close to light green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on hot pink?

Use black text instead: the contrast with white is only 2.6:1, while with black it is 7.9:1.