
Figma color wheel
Want to find the perfect complementary or analogous colors to match pink?
Skip to main content
Everything you need to know about pink to inspire your next design.
This particular shade of pink translates to a light pink with a very slight orange undertone—some might call it a light coral. On the color wheel, it sits closer to the pink section but with a subtle shift towards orange. This subtle blend of warmth from the orange with the softness of pink creates a vibrant yet soothing feel.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Rose Petals
Watermelon Candy
Hydrangea
Pink is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
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 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 soft, feminine spectrum as pink, consider:
To complement pink, consider pairing it with:
Other colors worth considering include cream and beige for their neutral, versatile nature, as well as soft purple and sage green for their harmonious, gentle impression.
While pink is delicate and unobtrusive, it may clash with:
Pink often symbolizes love, romance, and a sense of playfulness. Rooted in red, it carries an understated vibrancy and can evoke feelings of youth and joy.
In color psychology, pink has calming and tranquil effects. Though different shades of pink can have varying impacts: Lighter shades are generally calming, while brighter ones can add energy.
Use pink to promote tranquility and warmth in UI design. Shades of pink can be effectively used to convey a youthful and energetic vibe, especially for brands that want broad appeal, like in lifestyle or fashion industries.
The color pink is named after the "pinks" flower, also known as "dianthus," a type of carnation. The name first appeared in the late 17th century.
Other cultures had varied meanings for pink. The Greeks associated it with Aphrodite, the goddess of love and beauty. In Chinese culture, pink is a color of happiness and prosperity and is often used in celebrations such as the Lunar New Year. Over time, pink has become a symbol of love and warmth, especially around Valentine's Day.
Traditionally, pink has been associated with femininity and innocence, making it a popular choice for young girls' fashion. Today, colors like pink are seen as more fluid, celebrating individual identity.
Contrast 2.19
#FF8DA1
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 9.58
#FF8DA1
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #FF8DA1, known as pink, has RGB values of R:255 G:141, B:161 and CMYK values of C:0, M:45, Y:37, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | FF8DA1 | #FF8DA1 |
| RGB DECIMAL | 255, 141, 161 | RGB(255,141,161) |
| RGB PERCENTAGE | 100, 55.3, 63.1 | RGB(100%,55.3%,63.1%) |
| CMYK | 0, 45, 37, 0 | |
| HSL | 349.5°, 100, 77.6 | HSL(349.5,100%,77.6%) |
| HSV (OR HSB) | 349.5°, 44.7, 100 | |
| WEB SAFE | FF9999 | #FF9999 |
| CIE-LAB | 71.478, 45.075, 8.811 | |
| XYZ | 57.198, 42.887, 38.982 | |
| xyY | 0.411, 0.308, 42.887 | |
| CIE-LCH | 71.478, 45.928, 11.06 | |
| CIE-LUV | 71.478, 76.24, 3.571 | |
| HUNTER-LAB | 65.488, 41.301, 10.549 | |
| BINARY | 11111111, 10001101, 10100001 | |
| iOS - SwiftUI | Color(red: 1.0, green: 0.41, blue: 0.71) | |
| iOS - UIKit | UIColor(red: 1.0, green: 0.41, blue: 0.71, alpha: 1) | |
| Android - Compose | Color(0xFFFF8DA1) |

Want to find the perfect complementary or analogous colors to match pink?

Add playful energy to your design with magenta.

Explore the warm and energetic color of coral.