What colors go well with hot pink?

Hot Pink pairs with its complementary colour #69FFB4 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Hot Pink Color — Hex Code #FF69B4, RGB, Palettes & CSS

Q: What is the hex code for hot pink?

Hot Pink is commonly #FF69B4, which is rgb(255, 105, 180). Like most descriptive colour names it covers a small range, but this is a widely used value.

Hot Pink colour codes

Hex

#FF69B4

RGB

rgb(255, 105, 180)

HSL

hsl(330, 100%, 71%)

HSV

hsv(330, 59%, 100%)

OKLCH

oklch(0.73 0.20 352)

CMYK

cmyk(0%, 59%, 29%, 0%)

Complementary palette

Hot Pink with its opposite on the colour wheel.

#FF69B4

rgb(255, 105, 180)

#69FFB4

rgb(105, 255, 180)

Triad palette

Hot Pink with two evenly-spaced partners.

#FF69B4

rgb(255, 105, 180)

#B4FF69

rgb(180, 255, 105)

#69B4FF

rgb(105, 180, 255)

Monochromatic palette

Lighter and darker versions of hot pink at the same hue.

#80355A

rgb(128, 53, 90)

#B34A7E

rgb(179, 74, 126)

#E65FA2

rgb(230, 95, 162)

#FF69B4

rgb(255, 105, 180)

Lighter tints

Hot Pink toward white.

#FF69B4

rgb(255, 105, 180)

#FF7EBF

rgb(255, 126, 191)

#FF94C9

rgb(255, 148, 201)

#FFA9D4

rgb(255, 169, 212)

#FFBFDF

rgb(255, 191, 223)

#FFD4EA

rgb(255, 212, 234)

#FFEAF4

rgb(255, 234, 244)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Hot Pink toward black.

#FF69B4

rgb(255, 105, 180)

#DB5A9A

rgb(219, 90, 154)

#B64B81

rgb(182, 75, 129)

#923C67

rgb(146, 60, 103)

#6D2D4D

rgb(109, 45, 77)

#491E33

rgb(73, 30, 51)

#240F1A

rgb(36, 15, 26)

#000000

rgb(0, 0, 0)

About hot pink

A vivid, high-energy pink. Bold and playful, it grabs attention in fashion, pop culture and youthful branding. The value shown here (#FF69B4) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with hot pink

The complementary colour (#69FFB4) sits opposite hot pink on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using hot pink in your design

For CSS, paste #FF69B4 or the oklch(0.73 0.20 352) value, or download the ready-made hot-pink.css file above — it includes a full 50–950 token scale. Always check contrast before using hot pink behind text.

What is the hex code for hot pink?

Hot Pink is commonly #FF69B4 (rgb(255, 105, 180)). It covers a small range, but this is a widely used value.

What colours go well with hot pink?

Its complementary colour #69FFB4 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Hot Pink colour

Hot Pink colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About hot pink

Palettes that work with hot pink

Using hot pink in your design

Popular colours

Color tools