What color is hot pink?
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.
What does hot pink look like on digital screens?
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.
How should I effectively use hot pink in UI design?
Here are some ways to use hot pink in your designs:
- Establish visual hierarchy. Hot pink is naturally eye-catching, so strategically incorporate it into your designs to guide user interaction. A hot pink CTA button stands out against a neutral palette, drawing attention and encouraging users to engage.
- Convey urgency and importance. Hot pink is an exciting color with compelling energy. Highlight notifications, time-sensitive information, or expiring offers in hot pink to prompt users to take action.
- Create a playful, contemporary aesthetic. Bold and bright, hot pink conveys high energy and fun. Consider using it for designs aimed at younger demographics.
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.
What are similar colors to hot pink?
For variations within the same vibrant spectrum as hot pink, consider:
- Rose (#FF1D8D) ramps up the intensity as a more saturated pink.
- Neon pink (#FF13F0) electrifies palettes with an intense purple undertone.
- Amaranth (#E83256) leans darker and more red for an energetic shade.
What colors go with hot pink?
To complement hot pink, consider pairing it with:
- Cyan (#00FFFF) creates an energizing, vibrant contrast.
- Jade green (#00BB77) soothes and grounds hot pink’s intensity.
- Soft pink (#E89EB8) mellows hot pink and lends a delicate touch to the palette.
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.
What colors conflict with hot pink?
While hot pink is bold, it may clash with:
- Moss green (#7E8C54) dulls hot pink’s vibrance with its dark, desaturated shade.
- Navy blue (#000080) is dark and cool, whereas hot pink is bright and warm, creating a disjointed pair.
- Cream (#FDFBD4) washes out hot pink with strong yellow undertones and pale color.
- Amber (#FFBF00) creates a jarring contrast when paired with vibrant hot pink.
- Red-brown (#942222) leans more dark red, conflicting with hot pink’s purple-red undertones.
What does hot pink symbolize?
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.
What’s the history of hot pink?
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.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Fancy That
Vivacity
Radiant Retro
Accessibility: Contrast Checker
3.16:1
WCAG 2.2 Simple Contrast
Normal Text
- Fail
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Fail
- AAA
- 4.5:1
6.65:1
WCAG 2.2 Simple Contrast
Normal Text
- Pass
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Pass
- AAA
- 4.5:1
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
Color conversion
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) |