Hot Pink

#FF46A2

What color is Hot Pink?

Hot pink is a vivid, saturated pink with a strong magenta pull, hex #FF46A2, brighter and more electric than a standard pink. It shares the bold intensity of a bougainvillea bloom, with no trace of pastel softness or red warmth.

What is the meaning of the color Hot Pink?

Elsa Schiaparelli popularized a shocking, near-fluorescent pink in her 1937 collection, which she called ‘Shocking Pink’ — an early anchor for hot pink’s association with bold femininity and fashion provocation. The color spread through postwar Western culture as synthetic dyes made vivid pinks affordable for mass-produced clothing and accessories. By the 1980s, hot pink had become a signature color of pop culture excess, used prominently in the branding of Barbie by Mattel, whose packaging has featured the color since the doll’s 1959 launch.

RGB
255, 70, 162
HSL
330°, 100%, 64%
CMYK
0, 73, 36, 0
HSV
330°, 73%, 100%
Hot pink color

What colors go with Hot Pink?

Colors that pair well with Hot pink include:
Black: sharp, high-contrast punch
Navy blue: cool, grounding balance
Lime green: bold, electric clash
White: clean, open brightness
Gold: warm, glamorous lift

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF46A2 color: #FF46A2;
RGB 255, 70, 162 color: rgb(255, 70, 162);
RGB Percentage 100%, 27%, 64% color: rgb(100%, 27%, 64%);
CMYK 0%, 73%, 36%, 0% Not supported in CSS
HSL 330°, 100%, 64% color: hsl(330, 100%, 64%);
HSV 330°, 73%, 100% Not supported in CSS
CIE-LAB 51, 37, -31 color: lab(51% 37 -31);
Decimal 16729762 Not supported in CSS

Color Variations

Shades

#FF47A3
#FF2793
#FF0683
#E40072
#C40062
#A30052
#830041
#620031

Tints

#FFC8E3
#FFB6DA
#FFA3D1
#FF91C8
#FF7EBF
#FF6CB6
#FF5AAC
#FF47A3

Tones

#FF47A3
#F651A3
#ED5AA3
#E363A3
#DA6CA3
#D175A3
#C87EA3
#BF88A3

Hues

#FF47A3
#FF7547
#FFFF47
#75FF47
#47FFA3
#47D1FF
#4747FF
#D147FF

Color Harmonies

Analogous

#FF47FF
Click to copy
#FF46A2
Click to copy
#FF4747
Click to copy

Complementary

#FF46A2
Click to copy
#47FFA3
Click to copy

Split Complementary

#FF46A2
Click to copy
#47FF47
Click to copy
#47FFFF
Click to copy
99%

Triadic

#FF46A2
Click to copy
#A3FF47
Click to copy
#47A3FF
Click to copy

Tetradic

#FF46A2
Click to copy
#FFFF47
Click to copy
#47FFA3
Click to copy
#4747FF
Click to copy

Square

#FF46A2
Click to copy
#FFFF47
Click to copy
#47FFA3
Click to copy
#4747FF
Click to copy

CSS & Dev Snippets

CSS
.hot-pink {
  color: #FF46A2;
}
SCSS
$hot-pink: #FF46A2;
RGB
rgb(255, 70, 162)

Accessibility & Contrast

White background

3.16:1
3.16
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.65:1
6.65
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags