#FF1493
Hot Pink · rgb(255, 20, 147)
Classic Pink Shades
Hot Pink Color Code
A bold magenta-leaning pink with excellent impact.
Text and Contrast Previews
How Hot Pink behaves as a background and as a text colour, with measured WCAG contrast ratios.
Tints and Shades of Hot Pink
Nine steps built by moving the lightness of #FF1493 up and down in HSL. Click any step to copy it.
Complementary and Matching Colors
Generated directly from the hue of #FF1493. The complement gives maximum contrast; the analogous pair keeps the palette warm and quiet.
Common uses
Fashion, campaigns, nightlife graphics.
Design recommendations
This is a mid-tone shade, which makes it flexible enough for backgrounds, buttons, borders and accents alike. Red at this depth reads as confident without becoming alarming.
Accessibility notes
Pair this background with near-black text (#150C0C) for the best result at 5.30:1. That meets WCAG AA for body text at any size.
CSS and HTML Examples
CSS
.element {
color: #FF1493;
}
.element-bg {
background-color: #FF1493;
color: #150C0C;
}
.element-border {
border: 2px solid #FF1493;
}
:root {
--hot-pink: #FF1493;
}HTML
<p style="color: #FF1493;">Hot Pink text</p>
<div style="background: #FF1493; color: #150C0C; padding: 1rem;">
Hot Pink panel
</div>Similar Pink Shades
The six closest colours to Hot Pink measured across the RGB channels.
More Classic Pink Shades
Other members of the classic pink family: Pink #FFC0CB, Pure Pink #FF69B4, Deep Pink #FF1493.
You can also return to the complete pink shades collection, compare pairings in pink colour combinations, or read the complete pink colour code reference.
Hot Pink FAQs
What is the Hot Pink color code?
The Hot Pink color code is #FF1493 in HEX, rgb(255, 20, 147) in RGB and hsl(327.6, 100%, 53.9%) in HSL.
What is the RGB value of Hot Pink?
Hot Pink is rgb(255, 20, 147) — red 255, green 20 and blue 147 on a 0–255 scale.
What is the CMYK value of Hot Pink for print?
Hot Pink converts to cmyk(0%, 92%, 42%, 0%). Bright, saturated pinks need heavy magenta and yellow ink, so always confirm this shade against a physical proof before signing off print work.
Which text colour is readable on Hot Pink?
Near-black text (#150C0C) gives the stronger result at about 5.3:1. That clears the WCAG AA minimum for body text.
What colours go with Hot Pink?
Its direct complement is #14FF80. For a softer palette, use the analogous pair #F614FF and #FF141D, or ground it with a dark neutral such as #150C0C and a cream such as #F7F0EA.
Which pink shades are closest to Hot Pink?
The nearest shades in this collection are Deep Pink (#FF1493), Magenta Pink (#FF0090), Electric Pink (#F62681).