Pink Color Codes: Hex, RGB & HSL Values for Pink
Why Pink Is More Versatile Than You Think
Pink has evolved far beyond its traditional gendered associations. Today, pink is a design powerhouse — from T-Mobile's iconic magenta to Lyft's bubbly pink, brands use it to convey energy, youthfulness, and modernity. In 2016, Pantone named Rose Quartz (#F7CAC9) its Color of the Year, cementing pink's status in sophisticated design. Pink spans an enormous range: from barely-there blush tones to electric hot pinks, each shade creates a completely different mood and message.
Complete Pink Color Reference Table
| Color Name | Hex Code | RGB | HSL |
|---|---|---|---|
| Pink (Web) | #FFC0CB | 255, 192, 203 | 350°, 100%, 88% |
| Hot Pink | #FF69B4 | 255, 105, 180 | 330°, 100%, 71% |
| Deep Pink | #FF1493 | 255, 20, 147 | 328°, 100%, 54% |
| Medium Violet Red | #C71585 | 199, 21, 133 | 322°, 81%, 43% |
| Pale Violet Red | #DB7093 | 219, 112, 147 | 340°, 60%, 65% |
| Light Pink | #FFB6C1 | 255, 182, 193 | 351°, 100%, 86% |
| Blush | #DE5D83 | 222, 93, 131 | 342°, 67%, 62% |
| Rose Quartz | #F7CAC9 | 247, 202, 201 | 1°, 69%, 88% |
| Tailwind Pink-500 | #EC4899 | 236, 72, 153 | 330°, 81%, 60% |
| Tailwind Pink-400 | #F472B6 | 244, 114, 182 | 330°, 86%, 70% |
| Tailwind Pink-700 | #BE185D | 190, 24, 93 | 330°, 78%, 42% |
| Tailwind Pink-50 | #FDF2F8 | 253, 242, 248 | 330°, 71%, 97% |
Pink Color Palettes for Design
Bold & Modern Palette
Perfect for fashion, beauty, and lifestyle brands:
| Role | Hex | RGB |
|---|---|---|
| Primary | #EC4899 | 236, 72, 153 |
| Secondary | #F472B6 | 244, 114, 182 |
| Accent | #FBCFE8 | 251, 207, 232 |
| Dark | #831843 | 131, 24, 67 |
| Light | #FDF2F8 | 253, 242, 248 |
Soft & Elegant Palette
Ideal for wedding websites, luxury beauty brands, and minimalist designs:
| Role | Hex | RGB |
|---|---|---|
| Primary | #F9A8D4 | 249, 168, 212 |
| Secondary | #FBCFE8 | 251, 207, 232 |
| Neutral | #FDF2F8 | 253, 242, 248 |
Where to Use Pink in Design
- Fashion & beauty: Pink is a natural fit for cosmetics, fashion, and self-care brands — it feels feminine, confident, and trendy
- Tech disruption: Bold pinks like T-Mobile's magenta signal that a brand is breaking conventions and standing out from the blue-dominated tech landscape
- Health & wellness: Soft pinks and rose tones create a nurturing, calming atmosphere for health-focused content
- Food & hospitality: Warm pinks like salmon and coral are appetizing and inviting — great for restaurants and bakeries
- Error states & notifications: Pink-red shades work well for error messages and destructive action confirmations
Pink Accessibility Considerations
Light pinks are among the worst colors for text readability — most fail WCAG contrast on white backgrounds. Use dark text like #831843 or #1F2937 on pink backgrounds. For pink text, stick to dark, saturated shades like #BE185D. Keep in mind that pink-green combinations are problematic for red-green color blind users (deuteranopia). Always provide additional visual cues beyond color alone.
Frequently Asked Questions
Web pink is #FFC0CB. Hot pink is #FF69B4. Tailwind pink-500 is #EC4899. The shade you need depends on the mood you want to create.
Web pink is rgb(255, 192, 203). Hot pink is rgb(255, 105, 180). Deep pink is rgb(255, 20, 147).
Pink spans roughly 330° to 350° on the HSL wheel. Hot pink sits around 330°, while softer blush tones are closer to 350°.
Not at all. While pink has traditional feminine associations, bold and neon pinks are increasingly used by tech companies, sports brands, and streetwear labels to signal energy and rebellion.
Pink pairs beautifully with navy for contrast, mint green for freshness, gray for sophistication, and gold for luxury. Analogous pairings with purple and coral create harmonious, warm designs.