Skip to content

Hot Pink #ff69b4

Pink turned all the way up.

RGB
255, 105, 180
HSL
330°, 100%, 71%
CMYK
0, 59, 29, 0
Luminance
0.3466

About Hot Pink

Hot pink, #ff69b4, is pink with the brakes cut — saturated, loud and impossible to ignore. Where blush whispers and rose declares, hot pink shouts. It is pink that refuses to be delicate.

History

Schiaparelli’s 1937 "Shocking Pink" invented the loud register; the 1980s made it neon-native on legwarmers and boomboxes; Barbie made it a trillion-dollar signal, and the 2023 film painted the world in it.

Psychology

Hot pink reads bold, playful and defiantly feminine — confidence with no apology. It is the color of reclaimed girlhood and maximum attention, energetic as red without red’s aggression.

In design

Hot pink is a high-voltage accent: electric on charcoal and navy, borderline as text (large only, 3.2:1 on white). Pair with black for punk, teal for candy-pop, lime for club-flyer energy. One element per screen unless the brand IS pink.

In culture

Shocking pink, Barbiecore, hot-pink Cadillacs (Mary Kay’s top-seller reward): the color of loud femininity across nine decades of pop.

Brands that own hot pink

Shades of hot pink

Every format

HEX#ff69b4
RGBrgb(255, 105, 180)
HSLhsl(330, 100%, 71%)
CMYKcmyk(0%, 59%, 29%, 0%)
LABlab(65.5 64.2 -10.7)
LCHlch(65.5 65.1 350.6)
OKLCHoklch(0.728 0.197 352.0)

Copy-ready code

/* CSS */
color: #ff69b4;
background-color: #ff69b4;
/* Tailwind (arbitrary) */
class="text-[#ff69b4] bg-[#ff69b4]"
/* SCSS */
$brand: #ff69b4;
/* SwiftUI */
Color(red: 1.000, green: 0.412, blue: 0.706)
/* Android */
Color.parseColor("#ff69b4")

Accessibility — WCAG contrast

Aa
#ff69b4 on white: 2.65:1
AA ✗ fail · AA-large · AAA
Aa
#ff69b4 on black: 7.93:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red100.0%
Green41.2%
Blue70.6%

CMYK percentages

Cyan0.0%
Magenta58.8%
Yellow29.4%
Key (black)0.0%

Color previews

#ff69b4 text on a black background

contrast 7.93:1

Card sample

#ff69b4 text on a white background

contrast 2.65:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #ff69b4;
Background color
Panel with #ff69b4 background
background-color: #ff69b4;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #ff69b4;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(255, 105, 180, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(255, 105, 180, 0.45);
Border & gradient
Gradient panel
border: 3px solid #ff69b4;
background: linear-gradient(135deg, #ff69b4, #FF8269);

Monochromatic scale

Palettes built from #ff69b4

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Hot Pink, answered

What is the hex code for hot pink?

CSS hotpink is #ff69b4; deep pink runs hotter at #ff1493; Barbie’s brand pink is #e0218a.

Hot pink vs deep pink vs magenta?

Hot pink is the friendly loud one, deep pink #ff1493 is more saturated, magenta #ff00ff adds full blue and becomes an impossible-color primary.

What pairs with hot pink?

Black (punk), teal and lime (candy-pop), charcoal and gray (grown-up contrast), gold for glamour.

Work with #ff69b4 in the Color Lab