#FF69B4
Pink family

Hot Pink

Also known as: vibrant · playful · electric · bold · youthful
Save
Hex #FF69B4
RGB rgb(255, 105, 180)
HSL hsl(330°, 100%, 71%)
CMYK 0 · 59 · 29 · 0
CSS hotpink

Meaning

In Western cultures, Hot Pink often symbolizes playfulness and femininity, while in LGBTQ+ contexts, it serves as a bold statement of individuality and pride. Contrastingly, in some Asian cultures, bright pink can denote happiness and celebration, but may lack the same depth of meaning.

The term 'Hot Pink' emerged in the 1980s, coinciding with the rise of bold fashion trends and pop culture icons like Madonna. Its popularity was further propelled by its use in design and advertising, becoming a staple in vibrant palettes throughout the decade.

vibrantplayfulelectricboldyouthful

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Hot Pink. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 25 Pinks →

Shades & tints

Nine steps of Hot Pink by lightness — from #85375E (darkest) to #FFB1D8 (lightest). Click any to copy.

-40% #85375E
-30% #A34373
-20% #C25089
-10% #E05C9E
BASE #FF69B4
+15% #FF7BBD
+30% #FF8DC6
+50% #FF9FCF
+70% #FFB1D8

Complementary

Sitting opposite Hot Pink at 150° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Hot Pink.

#FF69B4
#00BFFF
#F5F5F5
#FFD700
#FF1493

Tropical Escape

Sunny Vibes
#FF69B4
#FFB6C1
#888888
#C71585
#FF4500

Feminine Flair

Chic Elegance
#FF69B4
#32CD32
#2C2C2C
#1E90FF
#FFD700

Electric Contrast

Dynamic Energy

Used by

Brands and institutions known for using Hot Pink.

T-MobileBarbie

Hot Pink scale

A 50–900 tonal scale with Hot Pink anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FFF3F9
100 #FFE4F2
200 #FFC6E3
300 #FFA8D4
400 #FF89C4
500 #FF69B4
600 #D15694
700 #A84577
800 #80355A
900 #57243D

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 7.93:1
Hot Pink as text on… Ratio AA AAA
Aa White background 2.65:1 Fail Fail
Aa Black background 7.93:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #FF69B4

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: hotpink;
CSS color-mix (lighten 30%) color-mix(in srgb, hotpink 70%, white)
HSV / HSB 330°, 59%, 100%
CMYK (print) 0, 59, 29, 0
Decimal 16738740
Nearest web-safe #FF66CC

Color vision

How Hot Pink appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#FF69B4

Protanopia (no red)

#BEBDA2

Deuteranopia (no green)

#C7D29E

Tritanopia (no blue)

#F89490
Pink
2 / 25 Pinks Magenta
Copied!