Figma color wheel
Want to find the perfect complementary or analogous colors to match dark pink?
Skip to main content
Everything you need to know about dark pink to inspire your next design.
Dark pink combines the sweetness of traditional pink with an edgier tone, adding a unique twist. This deeper, bolder shade embodies a sense of confidence, passion, and energy while maintaining a playful and youthful vibe.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Love Carnival
Pop Noveau
Vivid Vogue
Dark pink is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #C11C84
- RGB value: 75.7% red, 11% green, and 51.8% 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 dark 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 playful spectrum as dark pink, consider:
To complement dark pink, consider pairing it with:
Other colors worth considering include navy blue to capitalize on dark pink’s luxuriousness, yellow for a vibrant, energetic feel, and light gray to tone down dark pink’s saturation.
While dark pink is bold, it may clash with:
Dark pink inherits the playfulness and youthfulness of pink but gains a layer of confidence, passion, and energy from the red influence. Dark pink holds historical significance from the women’s suffrage movement, symbolizing a fight for equality and a challenge to traditional gender roles.
In color psychology, dark pink evokes positive emotions, like joy, happiness, and excitement. The red undertones add a touch of energy and passion, while the pink base keeps things playful and approachable. This color can also encourage creativity and spark conversation.
In UI design, dark pink’s boldness makes it perfect for highlighting important elements like CTA buttons. It also injects a playful and youthful feel, ideal for interfaces targeting younger audiences or promoting fun activities. Dark pink’s association with positive emotions also makes it a good choice for romance and beauty branding.
Dark pink wasn’t initially a specific color term. Around 800 B.C., Homer’s “The Odyssey” used a word translated as “rosy-fingered dawn,” showing some awareness of the color range.
“Dark pink” emerged as a distinct term in the 18th or 19th century, solidifying the link between the color and its name.
Today, dark pink is used in fashion as a statement color, artistic expression in metalwork, and as an accent in design.
Contrast 5.58
#C11C84
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.77
#C11C84
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #C11C84, known as dark pink, has RGB values of R:193 G:28, B:132 and CMYK values of C:0, M:0.85, Y:0.32, K:0.24.
| VALUE | CSS | |
|---|---|---|
| HEX | C11C84 | #C11C84 |
| RGB DECIMAL | 193, 28, 132 | RGB(193,28,132) |
| RGB PERCENTAGE | 75.7, 11, 51.8 | RGB(75.7%,11%,51.8%) |
| CMYK | 0, 85, 32, 24 | |
| HSL | 322.2°, 74.7, 43.3 | HSL(322.2°,74.7%,43.3%) |
| HSV (OR HSB) | 322.2°, 85.5, 75.7 | |
| WEB SAFE | CC3399 | #CC3399 |
| CIE-LAB | 43.998, 68.331, -15.839 | |
| XYZ | 26.573, 13.837, 23.1 | |
| xyY | 0.418, 0.218, 13.837 | |
| CIE-LCH | 43.998, 70.143, 346.949 | |
| CIE-LUV | 43.998, 87.209, -33.128 | |
| HUNTER-LAB | 37.197, 62.42, -10.781 | |
| BINARY | 11000001, 00011100, 10000100 | |
| iOS - SwiftUI | Color(red: 0.757, green: 0.11, blue: 0.518) | |
| iOS - UIKit | UIColor(red: 0.757, green: 0.11, blue: 0.518, alpha: 1) | |
| Android - Compose | Color(0xFFC11C84) |
Want to find the perfect complementary or analogous colors to match dark pink?
Dive into the electric energy of neon pink.
Enjoy the youthful charm of light pink.