Deep pink is a vibrant, lively hue that exudes energy and joy. Sitting between pink and magenta on the color wheel, it leans more toward pink. This vivid color pairs well with shades like fuchsia and magenta. Use deep pink to add a bold pop in designs like fashion or graphic accents.
Deep pink is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #FF1493
- RGB value: 100.0% red, 7.8% green, 57.6% 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
For variations within the same spectrum as deep pink, consider:
- Fuchsia (#FF00FF): This vibrant hue shares the vividness and boldness of deep pink, offering a similar eye-catching and bright pink tone.
- Magenta (#FD3DB5): Closely related in its lively and striking appearance, magenta adds a touch of reddish depth that's akin to the energy of deep pink.
- Rose (#FF1D8D): With its intense and cheerful color, rose resonates with the lively and bold essence of deep pink, making it a standout in any color palette.
- Hot Pink (#FF46A2): As a shade, hot pink captures the brightness and intensity of deep pink, highlighting a playful and vivid color option.
To complement Deep pink, consider pairing it with:
- Mint Green (#ADEBB3): Offers a fresh, soothing contrast to deep pink’s vibrancy, enhancing visual aesthetics with a balanced and harmonious look.
- Slate Gray (#6D8196): Provides a grounding effect that tempers deep pink’s intensity, creating an elegant and contemporary color palette.
- Canary Yellow (#FFFF99): Adds a cheerful and dynamic touch, making for a vibrant duo that can energize any design or interior decor.
- Navy Blue (#000080): Introduces a classic contrast with deep pink, creating a sophisticated and bold color scheme perfect for impactful styling in fashion or design.
- Cream (#FDFBD4): Softens the boldness of deep pink, offering warmth and balance for a serene and inviting ambiance in visual compositions.
While deep pink is a bold color, it may clash with:
- Red (#FF2C2C): This color is highly saturated, like deep pink, and can lead to a visually overwhelming combination when paired together, overshadowing their individual vibrancy.
- Neon Green (#2CFF05): Neon green creates a jarring contrast with deep pink's warmth. This clashing effect can be disorienting, disrupting the harmony in a design.
- Mustard Yellow (#FFCE1B): The vivid brightness of mustard yellow fights for attention with deep pink, making both colors compete for dominance and resulting in an unbalanced look.
- Dark Orange (#C76E00): When paired with deep pink, dark orange can appear overwhelming due to their similar saturation levels, leading to a saturated and heavy visual impact.
- Brown (#895129): The combination of brown with deep pink may result in a muddy or dull appearance, particularly in larger areas, reducing the energy and playfulness of deep pink.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Fuchsia Fizz
Electric Petal
Bubble Pop
Contrast checker
Contrast 3.64
- Large Text
#FF1493
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Contrast 5.77
- Large Text
#FF1493
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #FF1493, known as Deep pink, has RGB values of R:255, G:20, B:147 and CMYK values of C:0, M:92, Y:42, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #FF1493 | #FF1493 |
| RGB DECIMAL | 255, 20, 147 | RGB(255,20,147) |
| RGB PERCENTAGE | 100.0, 7.8, 57.6 | RGB(100.0%,7.8%,57.6%) |
| CMYK | 0, 92, 42, 0 | |
| HSL | HSL(327.6, 100.0%, 53.9%) | HSL(327.6, 100.0%, 53.9%) |
| HSV (OR HSB) | 327.6°, 92.2, 100.0 | |
| WEB SAFE | #2550153 | #2550153 |
| BINARY | 11111111, 00010100, 10010011 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.078, blue: 0.576) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.078, blue: 0.576, alpha: 1) | |
| Android - Compose | Color(0xFFFF1493) |
