Pink HEX Code
The HEX code for pink is #FFC0CB. Pink is a light tint of red, created by adding white to red. It ranges from soft pastels to vibrant hot pinks, making it versatile for both subtle and bold designs.
Pink Color Values
| Format | Value | HEX#FFC0CB RGBrgb(255, 192, 203) HSLhsl(350, 100%, 88%) CMYKC:0 M:25 Y:20 K:0
Pink Shades and Variations
ShadeHEXDescription Lavender Pink#FBAED2Soft, pastel Pink#FFC0CBCSS pink Light Pink#FFB6C1Soft, romantic Hot Pink#FF69B4Bright, vibrant Deep Pink#FF1493Intense, bold Magenta#FF00FFVivid pink-purple Rose#FF007FRich pink Salmon#FA8072Orange-tinted pink | Fuchsia | #FF00FF | Same as magenta |
Pink in Design
Pink conveys:
- Romance: Valentine's Day, love
- Femininity: Beauty, fashion
- Playfulness: Fun, youthful
- Softness: Comfort, calm
Modern Pink Usage
Pink has expanded beyond traditional gender associations:
``css
/* Soft, modern pink */
.subtle {
background-color: #FDF2F8;
color: #831843;
}
/* Bold accent pink */
.accent {
color: #EC4899;
}
/* Hot pink CTA */
.cta {
background-color: #FF69B4;
}
`
Pink in UI Design
| Use Case | Recommended Pink |
Background#FDF2F8, #FCE7F3
Primary action#EC4899, #DB2777
Error state (soft)#F472B6
Accent#F9A8D4
Brand Pinks
BrandHEXName
Barbie#DA1884Barbie Pink
T-Mobile#E20074T-Mobile Magenta
Lyft#FF00BFLyft Pink
Instagram#E1306CIG Gradient Pink
| Dribbble | #EA4C89 | Dribbble Pink |
Tailwind Pink Scale
`javascript
pink: {
50: '#fdf2f8',
100: '#fce7f3',
200: '#fbcfe8',
500: '#ec4899',
700: '#be185d',
900: '#831843',
}
``
Pink has become increasingly popular in tech and startup branding, breaking from traditional blue corporate colors to signal innovation and approachability.