50 Shades of Pink: Color Guide with HEX, RGB & HSL Codes

Did you know that pink doesn’t technically exist as a single wavelength of light? It’s the brain’s creative response to mixing red and violet — making it arguably the most fascinating color in the visible spectrum. Yet despite its scientific complexity, pink is one of the most culturally powerful and commercially versatile colors in design, branding, fashion, and art.

Whether you’re designing a feminine logo, styling a wedding palette, decorating a nursery, or building a bold brand identity, knowing the exact shades of pink — and their precise color codes — is essential. This guide covers 50+ pink shades with accurate HEX, RGB, and HSL values, their design applications, and the psychology behind each tone.

What Are the Shades of Pink?

Pink is a color produced by mixing red with white, and its many shades are defined by varying levels of red saturation, brightness, and the addition of blue or orange undertones. The result is a broad chromatic family that includes pastels, neons, dusty neutrals, and near-purples — each with a unique identity.

In color science, pink is not a spectral color. It falls outside the traditional rainbow because it requires the brain to blend red and violet wavelengths. This makes pink a non-spectral color, similar to magenta, and gives it an almost unlimited range of variation.

Across color systems:

• HEX codes represent pink shades as six-character codes (e.g., #FF69B4 for hot pink)
• RGB values combine red, green, and blue light (hot pink = rgb(255, 105, 180))
• HSL values describe hue, saturation, and lightness (hot pink = hsl(330°, 100%, 71%))
• CMYK is used in print production (hot pink ≈ C:0, M:59, Y:29, K:0)

Understanding these codes ensures your pink is consistent across screens, printers, and physical materials.

Light Pink Shades — Soft, Airy, and Romantic

Light pink shades are high-lightness, low-saturation tones that evoke softness, romance, innocence, and femininity. These are among the most popular pink tones in bridal design, baby products, skincare branding, and interior decoration.

Complete Light Pink Color Codes Table

Pro Tip: Light pink shades work beautifully as background colors in UI design. Their high lightness values (90%+) keep interfaces airy and readable. Use ColorFromPic to extract these exact tones from packaging, mood boards, or photography.

Hot and Vibrant Pink Shades — Bold and Energetic

Hot pink and vibrant pink shades are fully saturated, mid-to-high brightness tones that project energy, confidence, playfulness, and modern feminism. These shades dominate pop art, fashion branding (think Barbie, Victoria’s Secret), and high-visibility UI elements like buttons and CTAs.

Complete Vibrant Pink Color Codes Table

What Is the Difference Between Fuchsia and Magenta?

Fuchsia and magenta are closely related but distinct: magenta (HEX #FF00FF) is a pure, equal blend of red and blue light with zero green, placing it at the mathematical midpoint of the color wheel. Fuchsia (HEX #FF77FF) adds more lightness, appearing slightly softer and warmer. In print (CMYK), magenta is a primary ink color, while fuchsia is a screen-only variation. Many design tools use the terms interchangeably, but they differ by approximately 77 units in their green RGB channel.

Dusty and Muted Pink Shades — Sophisticated and Vintage

Dusty pink shades are desaturated, mid-tone pinks with a grayed or earthy undertone that creates a sophisticated, vintage, and timeless aesthetic. These tones are dominant in interior design, wedding palettes, artisan branding, and bohemian fashion.

Complete Dusty Pink Color Codes Table

Design Note: Dusty pinks pair exceptionally well with sage green, warm beige, and terracotta for earthy, organic palettes. If you’re working from a photo — a dried flower arrangement, a rustic venue shot — ColorFromPic can pull the exact dusty pink tone directly from the image, saving you hours of manual color matching.

Deep and Dark Pink Shades — Intense and Dramatic

Deep pink shades carry more red pigment and lower lightness values, resulting in rich, dramatic tones that communicate luxury, passion, and boldness. These are popular in high-end fashion, perfume branding, theatrical design, and dark-mode UI palettes.

Complete Deep Pink Color Codes Table

Pink Shades in Design: Where to Use Each Tone

The right shade of pink depends on the design context — industry, audience, medium, and emotional goal. Here’s a practical breakdown:

Web and UI Design

• Light pinks (#FFD1DC, #FFCCE5) — ideal for backgrounds, cards, and form fields
• Hot pink (#FF69B4) — effective for CTAs, badges, and highlighted elements
• Dusty rose (#C9A0A0) — trending for wellness, beauty, and lifestyle brand sites

Branding and Logos

• Barbie Pink (#E0218A) — pop culture, toy brands, bold fashion
• Millennial Pink (#F4C2C2) — neutral modern brands, tech startups
• Deep Pink (#FF1493) — luxury cosmetics, nightlife, statement brands

Interior Design

• Blush Pink (#FFCCE5) — living rooms, bedroom accents
• Dusty Rose (#C9A0A0) — vintage-style spaces, Scandi interiors
• Mauve (#E0B0B0) — transitional design, spa environments

Fashion and Textiles

• Neon Pink (#FF6EC7) — streetwear, activewear, Y2K revival
• Old Rose (#C08081) — autumnal fashion, knitwear, feminine tailoring
• Cerise (#DE3163) — statement accessories, evening wear

Pink Color Psychology: What Each Shade Communicates

Pink’s psychological effect varies dramatically depending on its tone: light pinks feel gentle and nurturing, while saturated pinks feel powerful and playful.

According to color psychology research, pink is one of only a few colors proven to have a measurable calming physiological effect — a phenomenon studied under the name Baker-Miller Pink (HEX #FF91AF), which was used in prison settings in the 1980s to reduce agitation.

How to Extract Any Shade of Pink Using ColorFromPic

Finding the exact pink from a photo, brand material, or piece of artwork is one of the most common design challenges. ColorFromPic solves this in three steps:

Step-by-Step: Extract Pink Color Codes from Any Image

1. Go to ColorFromPic.com
2. Upload your image — a photo, screenshot, logo, or mood board containing the pink shade you need
3. Let the tool analyze the image — ColorFromPic automatically extracts dominant colors and builds a complete palette
4. Click your target pink shade — the tool instantly displays the HEX, RGB, HSL, and CMYK values
5. Copy the code — paste it directly into Figma, Adobe Photoshop, Illustrator, CSS, or any design tool

This is especially powerful for:

• Matching a brand’s pink from a competitor’s website screenshot
• Extracting the precise blush tone from a wedding inspiration photo
• Identifying the exact pink in a fabric swatch you’ve photographed
• Building consistent pink palettes from nature photography (flamingos, peonies, sunsets)

Real Use Case: A graphic designer photographed pink peonies for a floral branding project. By uploading the image to ColorFromPic.com, they extracted five distinct pink tones — from pale petal (#FFD5E5) to deep center magenta (#C2185B) — and built a complete brand palette in under 2 minutes.

FAQ: Shades of Pink

What is the HEX code for pink?

The standard HTML/CSS color “pink” has the HEX code #FFC0CB, which translates to RGB(255, 192, 203) and HSL(350°, 100%, 88%). This is a light, warm, pastel pink. Other common pink HEX codes include #FF69B4 (hot pink) and #FF1493 (deep pink).

What is the difference between blush and dusty rose?

Blush pink (HEX #FFCCE5) is lighter and more saturated, leaning toward pale pink with a cooler undertone. Dusty rose (HEX #C9A0A0) is more muted and grayed, with a warmer, earthy undertone. Blush feels fresh and romantic; dusty rose feels vintage and sophisticated. Both are widely used in wedding design but convey different aesthetic eras.

What is millennial pink?

Millennial pink is a muted, desaturated, grayish-pink that dominated design and fashion from approximately 2016 to 2020. Its most commonly referenced HEX code is #F4C2C2 (RGB: 244, 194, 194). It’s sometimes described as a dusty, gender-neutral pink that appeals across demographics, which contributed to its massive commercial popularity.

What colors go with pink in design?

Pink pairs well with white (for clean, minimal looks), gold (for luxury), navy blue (for contrast), sage green (for natural, botanical aesthetics), and charcoal gray (for modern sophistication). Hot pink pairs boldly with black or neon yellow. Dusty rose pairs beautifully with warm beige, terracotta, and mauve.

What is the most popular shade of pink in graphic design?

Hot pink (HEX #FF69B4) and blush pink (HEX #FFCCE5) are consistently the most used pink shades in graphic and digital design. Hot pink dominates when brands want energy and visibility; blush dominates in lifestyle, beauty, and wellness contexts. Millennial pink (#F4C2C2) dominated the 2016–2020 period and remains widely used in minimalist branding.

How do I find the exact shade of pink from a photo?

Upload your photo to ColorFromPic and the tool automatically extracts every dominant color — including the exact pink shade — and provides HEX, RGB, HSL, and CMYK values instantly. This is the fastest method for matching pinks from inspiration images, brand references, or physical materials you’ve photographed.

What is Baker-Miller Pink?

Baker-Miller Pink (HEX #FF91AF) is a specific shade of pink studied for its reportedly calming physiological effects. Named after prison officials Baker and Miller, it was tested in correctional facilities in the 1980s. While subsequent research has questioned the permanence of its effects, it remains a widely referenced concept in color psychology literature.

Conclusion

Pink is one of the most complex, versatile, and culturally resonant color families in the design world. From the ethereal softness of lavender blush (#FFF0F5) to the electrifying intensity of neon pink (#FF6EC7) and the timeless sophistication of dusty rose (#C9A0A0), every shade tells a different story and serves a different purpose. Understanding the exact HEX, RGB, and HSL codes behind each shade is what separates great color work from guesswork.

The next time you encounter a pink that stops you in your tracks — in a brand, a photograph, a piece of fabric, or a work of art — don’t try to approximate it. Upload the image to ColorFromPic and get the precise code in seconds.

Which shade of pink best represents your current project? The answer is already in your image — you just need the right tool to find it.