Shades of Pink

Shades of pink include blush, rose, hot pink, deep pink, magenta, and salmon pink. A common light pink hex value is #FFC0CB. Browse named pinks below, copy HEX codes, or generate a full palette in Shade Color.

All Shades of Pink

55 named colors · one-click copy · WCAG contrast vs white/black

Shade Color

Browse named pink colors, copy a precise HEX in one click, and check WCAG contrast on white or black. Display Format only changes how values are shown — it does not build a theme scale. Turn on Preview UI to see each color as text and a button.

Pink

#FFC0CB Palette

W 1.5:1 Fail B 13.7:1 AAA

Light Pink

#FFB6C1 Palette

W 1.7:1 Fail B 12.7:1 AAA

Hot Pink

#FF69B4 Palette

W 2.6:1 Fail B 7.9:1 AAA

Deep Pink

#FF1493 Palette

W 3.6:1 Fail B 5.8:1 AA

Pale Violet Red

#DB7093 Palette

W 3.1:1 Fail B 6.8:1 AA

Medium Violet Red

#C71585 Palette

W 5.4:1 AA B 3.9:1 Fail

Orchid

#DA70D6 Palette

W 2.9:1 Fail B 7.3:1 AAA

Thistle

#D8BFD8 Palette

W 1.7:1 Fail B 12.4:1 AAA

Lavender Blush

#FFF0F5 Palette

W 1.1:1 Fail B 19.0:1 AAA

Misty Rose

#FFE4E1 Palette

W 1.2:1 Fail B 17.4:1 AAA

Rose

#FF007F Palette

W 3.8:1 Fail B 5.6:1 AA

Rose Pink

#FF66CC Palette

W 2.6:1 Fail B 8.0:1 AAA

Blush

#DE5D83 Palette

W 3.5:1 Fail B 6.0:1 AA

Carnation Pink

#FFA6C9 Palette

W 1.8:1 Fail B 11.5:1 AAA

Cherry Blossom

#FFB7C5 Palette

W 1.6:1 Fail B 12.8:1 AAA

Cotton Candy

#FFBCD9 Palette

W 1.6:1 Fail B 13.4:1 AAA

Flamingo

#FC8EAC Palette

W 2.2:1 Fail B 9.6:1 AAA

French Pink

#FD6C9E Palette

W 2.7:1 Fail B 7.8:1 AAA

Fuchsia Pink

#FF77FF Palette

W 2.2:1 Fail B 9.3:1 AAA

Magenta

#FF00FF Palette

W 3.1:1 Fail B 6.7:1 AA

Fuchsia

#FF00FF Palette

W 3.1:1 Fail B 6.7:1 AA

Raspberry

#E30B5D Palette

W 4.7:1 AA B 4.5:1 Fail

Ruby

#E0115F Palette

W 4.8:1 AA B 4.4:1 Fail

Cerise

#DE3163 Palette

W 4.4:1 Fail B 4.7:1 AA

Amaranth

#E52B50 Palette

W 4.4:1 Fail B 4.8:1 AA

Crimson Pink

#DC143C Palette

W 5.0:1 AA B 4.2:1 Fail

Salmon Pink

#FF91A4 Palette

W 2.1:1 Fail B 9.8:1 AAA

Light Coral

#F08080 Palette

W 2.6:1 Fail B 8.1:1 AAA

Coral Pink

#F88379 Palette

W 2.5:1 Fail B 8.5:1 AAA

Tea Rose

#F4C2C2 Palette

W 1.6:1 Fail B 13.3:1 AAA

Pastel Pink

#DEA5A4 Palette

W 2.1:1 Fail B 10.0:1 AAA

Baby Pink

#F4C2C2 Palette

W 1.6:1 Fail B 13.3:1 AAA

Piggy Pink

#FDDDE6 Palette

W 1.3:1 Fail B 16.7:1 AAA

Princess Pink

#FF85A2 Palette

W 2.3:1 Fail B 9.1:1 AAA

Tickle Me Pink

#FC89AC Palette

W 2.3:1 Fail B 9.3:1 AAA

Ultra Pink

#FF6FFF Palette

W 2.3:1 Fail B 9.0:1 AAA

Shocking Pink

#FC0FC0 Palette

W 3.5:1 Fail B 6.0:1 AA

Persian Pink

#F77FBE Palette

W 2.4:1 Fail B 8.7:1 AAA

Mexican Pink

#E4007C Palette

W 4.6:1 AA B 4.6:1 AA

Barbie Pink

#DA1884 Palette

W 4.7:1 AA B 4.4:1 Fail

Razzmatazz

#E3256B Palette

W 4.4:1 Fail B 4.7:1 AA

Rouge

#A94064 Palette

W 5.8:1 AA B 3.6:1 Fail

Mulberry Pink

#C54B8C Palette

W 4.4:1 Fail B 4.8:1 AA

Orchid Pink

#F2BDCD Palette

W 1.6:1 Fail B 12.9:1 AAA

Nadeshiko Pink

#F6ADC6 Palette

W 1.8:1 Fail B 11.7:1 AAA

Baker-Miller Pink

#FF91AF Palette

W 2.1:1 Fail B 9.9:1 AAA

Charm Pink

#E68FAC Palette

W 2.4:1 Fail B 8.9:1 AAA

China Pink

#DE6FA1 Palette

W 3.0:1 Fail B 6.9:1 AA

Congo Pink

#F88379 Palette

W 2.5:1 Fail B 8.5:1 AAA

Fairy Tale

#F2C1D1 Palette

W 1.6:1 Fail B 13.3:1 AAA

Flamingo Pink

#FC8EAC Palette

W 2.2:1 Fail B 9.6:1 AAA

Mauvelous

#EF98AA Palette

W 2.2:1 Fail B 9.7:1 AAA

Mimi Pink

#FFDAE9 Palette

W 1.3:1 Fail B 16.5:1 AAA

Parfait Pink

#F8D5E3 Palette

W 1.3:1 Fail B 15.6:1 AAA

Wild Strawberry

#FF43A4 Palette

W 3.2:1 Fail B 6.6:1 AA

Popular Shade Collections

Browse other named shade galleries, or open the Shade Color tool to generate a custom 50–950 palette.

Shades of Blue

Shades of Green

Shades of Purple

Shades of Gray

Shades of Brown

Shades of Yellow

Shades of Red

Shades of Black

About Shades of Pink

Pink ranges from soft blush backgrounds to vivid hot-pink accents for beauty, lifestyle, and playful product marketing.

Want a full Pink theme (50–950)?

Pick one base color from the gallery above.
Click Palette on that card to open Shade Color.
The tool builds a locked-H / locked-S lightness scale (HSL algorithm) named like Pink-50 … 950.
Copy the HEX values into CSS variables for production.

Popular Pink Shades Glossary

These pink notes call out energy level and common product contexts so blush, hot pink, and rose stay distinct.

What is Hot Pink?

Hot Pink (#FF69B4) is vivid and energetic. Perfect for CTAs, youth brands, and high-visibility marketing accents.

What is Blush?

Blush (#DE5D83) is a muted rose pink. Soft enough for beauty packaging, wellness, and gentle UI highlights.

What is Rose?

Rose (#FF007F) is a vivid pink-red. Strong focal color for romance, beauty, and celebratory product moments.

What is Magenta?

Magenta (#FF00FF) is a pure process pink-purple. Extremely loud—best as a neon accent or print process reference.

What is Cotton Candy?

Cotton Candy (#FFBCD9) is a pastel fairground pink. Lighthearted choice for kids products and playful empty states.

What is Deep Pink?

Deep Pink (#FF1493) is more saturated than hot pink, closer to magenta. Use for bold fashion and nightlife palettes.

What is Salmon Pink?

Reach for Salmon Pink (#FF91A4) when you need a light pink that feels balanced. Around HSL(349, 100%, 78%), it stays useful for romance and celebration themes.

What is Barbie Pink?

Barbie Pink (#DA1884) is a cultural, saturated pink. High recognition for lifestyle and fashion campaigns.

More Pink color definitions

Pink (#FFC0CB): Pink (#FFC0CB) is a pale pink with a balanced character. It pairs well with neutrals and holds up in romance and celebration themes.
Light Pink (#FFB6C1): Light Pink (#FFB6C1) brings a balanced, pale note to the pink family. Its RGB mix (255, 182, 193) skews toward balanced pink work—especially playful onboarding.
Pale Violet Red (#DB7093): Designers pick Pale Violet Red (#DB7093) as a mid-tone pink accent with a balanced vibe. It pairs well with neutrals and holds up in beauty and lifestyle CTAs.
Medium Violet Red (#C71585): Medium Violet Red (#C71585) lands as a deep pink—dramatic enough for social and community features. Its RGB mix (199, 21, 133) skews toward dramatic pink work—especially social and community features.
Orchid (#DA70D6): Orchid (#DA70D6) is a bright pinkish purple. Use it for expressive accents in fashion and entertainment UIs.
Thistle (#D8BFD8): Thistle (#D8BFD8) brings a muted, pale note to the pink family. On screens it stays readable for youth fashion campaigns when contrast is checked.
Lavender Blush (#FFF0F5): Reach for Lavender Blush (#FFF0F5) when you need a pale pink that feels muted. It pairs well with neutrals and holds up in soft product packaging.
Misty Rose (#FFE4E1): Misty Rose (#FFE4E1) reads as a soft pale pink in digital palettes. Its RGB mix (255, 228, 225) skews toward soft pink work—especially youth fashion campaigns.
Rose Pink (#FF66CC): Rose Pink (#FF66CC) lands as a light pink—balanced enough for social and community features. On screens it stays readable for playful onboarding when contrast is checked.
Carnation Pink (#FFA6C9): Carnation Pink (#FFA6C9) brings a balanced, light note to the pink family. Its RGB mix (255, 166, 201) skews toward balanced pink work—especially playful onboarding.
Cherry Blossom (#FFB7C5): Reach for Cherry Blossom (#FFB7C5) when you need a pale pink that feels balanced. Around HSL(348, 100%, 85%), it stays useful for romance and celebration themes.
Flamingo (#FC8EAC): Designers pick Flamingo (#FC8EAC) as a light pink accent with a balanced vibe. It pairs well with neutrals and holds up in beauty and lifestyle CTAs.
French Pink (#FD6C9E): French Pink (#FD6C9E) lands as a light pink—balanced enough for social and community features. Its RGB mix (253, 108, 158) skews toward balanced pink work—especially social and community features.
Fuchsia Pink (#FF77FF): Fuchsia Pink (#FF77FF) is a light pink with a balanced character. Around HSL(300, 100%, 73%), it stays useful for beauty and lifestyle CTAs.
Fuchsia (#FF00FF): Reach for Fuchsia (#FF00FF) when you need a deep pink that feels dramatic. It pairs well with neutrals and holds up in soft product packaging.
Raspberry (#E30B5D): Raspberry (#E30B5D) reads as a dramatic deep pink in digital palettes. Its RGB mix (227, 11, 93) skews toward dramatic pink work—especially youth fashion campaigns.
Ruby (#E0115F): Designers pick Ruby (#E0115F) as a deep pink accent with a dramatic vibe. Around HSL(337, 85%, 47%), it stays useful for soft product packaging.
Cerise (#DE3163): Cerise (#DE3163) lands as a mid-tone pink—vivid enough for social and community features. On screens it stays readable for playful onboarding when contrast is checked.
Amaranth (#E52B50): Amaranth (#E52B50) is a deep pink with a vivid character. It pairs well with neutrals and holds up in romance and celebration themes.
Crimson Pink (#DC143C): Crimson Pink (#DC143C) brings a dramatic, deep note to the pink family. Its RGB mix (220, 20, 60) skews toward dramatic pink work—especially playful onboarding.
Light Coral (#F08080): Light Coral (#F08080) reads as a balanced light pink in digital palettes. On screens it stays readable for social and community features when contrast is checked.
Coral Pink (#F88379): Designers pick Coral Pink (#F88379) as a light pink accent with a balanced vibe. It pairs well with neutrals and holds up in beauty and lifestyle CTAs.
Tea Rose (#F4C2C2): Tea Rose (#F4C2C2) lands as a pale pink—balanced enough for social and community features. Its RGB mix (244, 194, 194) skews toward balanced pink work—especially social and community features.
Pastel Pink (#DEA5A4): Pastel Pink (#DEA5A4) is a light pink with a soft character. Around HSL(1, 46%, 75%), it stays useful for beauty and lifestyle CTAs.
Baby Pink (#F4C2C2): Baby Pink (#F4C2C2) brings a soft, pale note to the pink family. On screens it stays readable for youth fashion campaigns when contrast is checked.
Piggy Pink (#FDDDE6): Reach for Piggy Pink (#FDDDE6) when you need a pale pink that feels muted. It pairs well with neutrals and holds up in soft product packaging.
Princess Pink (#FF85A2): Princess Pink (#FF85A2) reads as a balanced light pink in digital palettes. Its RGB mix (255, 133, 162) skews toward balanced pink work—especially youth fashion campaigns.
Tickle Me Pink (#FC89AC): Designers pick Tickle Me Pink (#FC89AC) as a light pink accent with a balanced vibe. Around HSL(341, 95%, 76%), it stays useful for soft product packaging.
Ultra Pink (#FF6FFF): Ultra Pink (#FF6FFF) lands as a light pink—high-energy enough for social and community features. On screens it stays readable for playful onboarding when contrast is checked.
Shocking Pink (#FC0FC0): Shocking Pink (#FC0FC0) is a deep pink with a high-energy character. It pairs well with neutrals and holds up in romance and celebration themes.
Persian Pink (#F77FBE): Persian Pink (#F77FBE) brings a balanced, light note to the pink family. Its RGB mix (247, 127, 190) skews toward balanced pink work—especially playful onboarding.
Mexican Pink (#E4007C): Reach for Mexican Pink (#E4007C) when you need a deep pink that feels dramatic. Around HSL(327, 100%, 44%), it stays useful for romance and celebration themes.
Razzmatazz (#E3256B): Designers pick Razzmatazz (#E3256B) as a deep pink accent with a vivid vibe. It pairs well with neutrals and holds up in beauty and lifestyle CTAs.
Rouge (#A94064): Rouge (#A94064) lands as a deep pink—balanced enough for social and community features. Its RGB mix (169, 64, 100) skews toward balanced pink work—especially social and community features.
Mulberry Pink (#C54B8C): Mulberry Pink (#C54B8C) is a mid-tone pink with a balanced character. Around HSL(328, 51%, 53%), it stays useful for beauty and lifestyle CTAs.
Orchid Pink (#F2BDCD): Orchid Pink (#F2BDCD) brings a balanced, pale note to the pink family. On screens it stays readable for youth fashion campaigns when contrast is checked.
Nadeshiko Pink (#F6ADC6): Reach for Nadeshiko Pink (#F6ADC6) when you need a light pink that feels balanced. It pairs well with neutrals and holds up in soft product packaging.
Baker-Miller Pink (#FF91AF): Baker-Miller Pink (#FF91AF) reads as a balanced light pink in digital palettes. Its RGB mix (255, 145, 175) skews toward balanced pink work—especially youth fashion campaigns.
Charm Pink (#E68FAC): Designers pick Charm Pink (#E68FAC) as a light pink accent with a balanced vibe. Around HSL(340, 63%, 73%), it stays useful for soft product packaging.
China Pink (#DE6FA1): China Pink (#DE6FA1) lands as a mid-tone pink—balanced enough for social and community features. On screens it stays readable for playful onboarding when contrast is checked.
Congo Pink (#F88379): Congo Pink (#F88379) is a light pink with a balanced character. It pairs well with neutrals and holds up in romance and celebration themes.
Fairy Tale (#F2C1D1): Fairy Tale (#F2C1D1) brings a balanced, pale note to the pink family. Its RGB mix (242, 193, 209) skews toward balanced pink work—especially playful onboarding.
Flamingo Pink (#FC8EAC): Reach for Flamingo Pink (#FC8EAC) when you need a light pink that feels balanced. Around HSL(343, 94%, 77%), it stays useful for romance and celebration themes.
Mauvelous (#EF98AA): Mauvelous (#EF98AA) reads as a balanced light pink in digital palettes. On screens it stays readable for social and community features when contrast is checked.
Mimi Pink (#FFDAE9): Designers pick Mimi Pink (#FFDAE9) as a pale pink accent with a muted vibe. It pairs well with neutrals and holds up in beauty and lifestyle CTAs.
Parfait Pink (#F8D5E3): Parfait Pink (#F8D5E3) lands as a pale pink—muted enough for social and community features. Its RGB mix (248, 213, 227) skews toward muted pink work—especially social and community features.
Wild Strawberry (#FF43A4): Wild Strawberry (#FF43A4) is a mid-tone pink with a vivid character. Around HSL(329, 100%, 63%), it stays useful for beauty and lifestyle CTAs.

FAQ

How to use this page?

Copy a HEX code or open any shade in Shade Color for a complete tint-and-shade set.

What is the most popular shade of pink?

Hot pink is the breakout popular pink for marketing and fashion accents because it stays vivid on screens and print.

What is the base pink HEX value?

The reference base pink on this page uses #FFC0CB. Use it as a starting seed in Shade Color, or pick any named swatch above as your base.

How do I turn a swatch into a full UI theme?

Click Palette on one gallery card. Shade Color locks hue and saturation, then varies lightness into tokens like Pink-50 through Pink-950 for CSS variables.

What do the W / B contrast labels mean?

Each card shows WCAG 2.x contrast for this color used as text on white (W) and text on black (B). AA means at least 4.5:1 (normal text); AAA means at least 7:1. Fail means below 4.5:1 — still fine for large decorative areas, but avoid for small body text.

What does Preview UI show?

Turn on Preview UI to see the color as text on white/black and as a simple button sample. It is a quick accessibility and context check—not a full design system.

Why use this gallery instead of sampling from a screenshot?

Named colors here use fixed HEX values, so you avoid compression and display-profile drift from screenshots. Copy the code once, then reuse it consistently in CSS or design tokens. For a full 50–950 CSS variable block, open Palette on a card and use Copy CSS in Shade Color.