HotPink
#FF69B4
Pink symbolizes delicacy, empathy and optimism. Traditionally linked to affection and tenderness, today it also represents creativity, modernity and well-being.
01
Pink is often associated with concepts such as:
Although historically linked to certain stereotypes, today it is a highly versatile color that conveys closeness, innovation and personality.
02
In color psychology, pink creates a sense of calm, kindness and emotional well-being. It is a color that reduces the perception of aggression and helps create relaxed, welcoming environments.
The emotions it usually conveys are:
In digital interfaces it is often used to add a friendly, modern look, especially in apps related to wellness, beauty or creativity.
03
Pink is increasingly common in digital products and contemporary brands. It is frequently found in:
Its ability to convey closeness makes it an excellent choice for modern interfaces and brands with personality.
04
Among the best-known HTML and CSS colors related to pink are:
| Name | Sample | Hex | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Pink | |||||
| LightPink | |||||
| HotPink | |||||
| DeepPink | |||||
| PaleVioletRed | |||||
| MediumVioletRed | |||||
| LavenderBlush | |||||
| MistyRose |
Soft pinks convey delicacy and calm, while intense tones bring energy and a more striking style.
06
Pink pairs very well with neutrals and cool tones. Some common combinations are:
#FFFFFF#111111#9CA3AF#000080#1E3A8A#7C3AED#8B5CF6#F5F5DC#DAA520#6EE7B7These combinations help create elegant, modern and balanced designs.
07
The complementary of pink depends on its shade, but it is generally found in the green range, especially mint and soft greens on the color wheel. This pairing brings a natural, visually pleasant contrast.
08
Pink allows for soft, modern harmonies. The harmonies on this page use the same logic as Matiz’s Color Wheel and Palette Generator.
Combine pink with reds and purples for delicate, elegant compositions.
Pink and green create a fresh, balanced contrast.
Replace green with yellowish green and bluish green for a more harmonious composition.
Pink can form very attractive triads with blue and yellow.
It can be combined with green, blue and orange to create dynamic, balanced palettes.
09
Variations are generated with the same Matiz studio functions (tints, tones and shades on HSL). The most common ones are:
Tints (adding white)
Tones (adding gray)
Shades (adding black)
Saturation variations
Chromatic scales
These adjustments let you adapt the same pink to backgrounds, accents and CTAs without losing visual coherence.
10
Palettes with pink convey closeness, elegance and modernity. Some popular combinations are:
3 colors
3 colors
3 colors
3 colors
3 colors
3 colors
These combinations are widely used in branding, web design, mobile apps and e-commerce.
Color palettes11
Many pinks have high lightness, so they can offer little contrast on white backgrounds.
To ensure good readability, it is recommended to use intense pinks or pair them with dark text, always checking contrast against WCAG guidelines.
Proper accessibility improves the experience for all users.
12
Pink is one of the most used colors in modern, creative gradients. Some common combinations are:
#FF69B4 → #7C3AED#FF69B4 → #8B5CF6#FF69B4 → #FB923C#FF69B4 → #FF7F50#FF69B4 → #2563EB#FF69B4 → #FFFFFFThese gradients frequently appear in landing pages, mobile apps, portfolios and creative designs.
Gradient generator13
Pink brings closeness and personality without losing elegance. Used well, it helps create modern, accessible and memorable designs.
Pink symbolizes affection, empathy, optimism, delicacy and creativity. It is a color that conveys closeness and well-being.
Pink pairs very well with white, black, gray, navy, purple, mint green, beige and gold.
The complementary of pink is usually found in the green range, especially mint and soft green tones.
It is widely used in web design, mobile apps, branding, cosmetics, wellness, e-commerce, fashion and social networks.