Figma color wheel
Want to find the perfect complementary or analogous colors to match hot pink?
Skip to main content
Everything you need to know about hot pink to inspire your next design.
Hot pink is a bold and vibrant shade of pink with a bright, playful energy. It sits between red and purple on the color wheel, blending the passion of red with the charm of purple in a striking shade that inspires fun and fashion.
Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Fancy That
Vivacity
Radiant Retro
Hot pink is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #FF46A2
- RGB value: 100% red, 27.5% green, and 63.5% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
Here are some ways to use hot pink in your designs:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same vibrant spectrum as hot pink, consider:
To complement hot pink, consider pairing it with:
Other colors worth considering include black for a dramatic palette, teal to boldly contrast hot pink’s energy, and burgundy to ground hot pink for a refined aesthetic.
While hot pink is bold, it may clash with:
Hot pink is an intense shade of pink, evoking energy and confidence. Combining red’s boldness with pink’s playfulness results in an assertive yet invigorating shade. Hot pink can encourage self-expression and individuality with various applications spanning from glamorous to youthful and fun.
In color psychology, hot pink evokes excitement and energy, inspiring optimism and joy. It can also elicit creativity and freedom.
Hot pink can be a powerful accent color in UI design, capturing a user’s attention in a fun, contemporary way. Because hot pink is so bold and intense, designers may use it as an accent color to avoid overwhelming users.
Hot pink is a product of avant-garde fashion created in 1937 by Elsa Schiaparelli, a fashion designer famous for her bold, rebellious style. By the mid-1900s, hot pink became prominent in counterculture movements and youth culture, especially among artists who prioritized non-conformity.
The burgeoning popularity of hot pink symbolized a rise of individuality, self-expression, and rebellion. While hot pink is no longer considered a rebellious color, it remains a bold, energetic shade that grabs attention and creates excitement.
Contrast 3.16
#FF46A2
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Contrast 6.65
#FF46A2
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #FF46A2, known as hot pink, has RGB values of R:255 G:70, B:162 and CMYK values of C:0, M:0.73, Y:0.36, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | FF46A2 | #FF46A2 |
| RGB DECIMAL | 255, 70, 162 | RGB(255,70,162) |
| RGB PERCENTAGE | 100, 27.5, 63.5 | RGB(100%,27.5%,63.5%) |
| CMYK | 0, 73, 36, 0 | |
| HSL | 330.2°, 100, 63.7 | HSL(330.2°,100%,63.7%) |
| HSV (OR HSB) | 330.2°, 72.5, 100 | |
| WEB SAFE | FF3399 | #FF3399 |
| CIE-LAB | 60.117, 75.408, -8.333 | |
| XYZ | 49.953, 28.254, 37.003 | |
| xyY | 0.434, 0.245, 28.254 | |
| CIE-LCH | 60.117, 75.867, 353.694 | |
| CIE-LUV | 60.117, 112.424, -26.175 | |
| HUNTER-LAB | 53.154, 74.729, -4.067 | |
| BINARY | 11111111, 01000110, 10100010 | |
| iOS - SwiftUI | Color(red: 1, green: 0.275, blue: 0.635) | |
| iOS - UIKit | UIColor(red: 1, green: 0.275, blue: 0.635, alpha: 1) | |
| Android - Compose | Color(0xFFFF46A2) |
Want to find the perfect complementary or analogous colors to match hot pink?
Dive into the electric energy of neon pink.
Experience the energizing vibrance of neon orange.