Using Pink Color Codes in Web Design
Pink bridges energetic warmth and soft approachability, offering versatility across modern UI layouts. Pastel pinks act as gentle background containers and card fills, whereas vibrant magenta and neon pink draw immediate eye movements to secondary CTAs, tag badges, and creative portfolio elements.
| Colour name | Hex code | RGB value | HSL value | Notes & Info | |
|---|---|---|---|---|---|
| Pink (W3C HTML/CSS) | #FFC0CB | rgb(255, 192, 203) | hsl(350, 100%, 88%) | Official W3C standard web pink named color. | |
| Light Pink | #FFB6C1 | rgb(255, 182, 193) | hsl(351, 100%, 86%) | CSS named color; popular light, soft pink. | |
| Hot Pink | #FF69B4 | rgb(255, 105, 180) | hsl(330, 100%, 71%) | Vibrant CSS named color widely used in UI accents. | |
| Deep Pink | #FF1493 | rgb(255, 20, 147) | hsl(328, 100%, 54%) | Bold, energetic CSS named dark pink/magenta shade. | |
| Baby Pink | #F4C2C2 | rgb(244, 194, 194) | hsl(0, 69%, 86%) | Classic soft pastel pink popular in design. | |
| Bubblegum Pink | #FFC1CC | rgb(255, 193, 204) | hsl(349, 100%, 88%) | Playful pastel pink shade. | |
| Misty Rose | #FFE4E1 | rgb(255, 228, 225) | hsl(6, 100%, 94%) | Extremely soft pinkish tint for light backgrounds. | |
| Lavender Blush | #FFF0F5 | rgb(255, 240, 245) | hsl(340, 100%, 97%) | Subtle lavender-tinted pink CSS named color. | |
| Flamingo Pink | #FC8EAC | rgb(252, 142, 172) | hsl(344, 95%, 77%) | Warm tropical pink shade. | |
| Coral Pink | #F88379 | rgb(248, 131, 121) | hsl(5, 90%, 72%) | Warm orange-tinted soft pink shade. | |
| Blush Pink | #DE5D83 | rgb(222, 93, 131) | hsl(342, 66%, 62%) | Sophisticated mid-tone warm rose/pink color. | |
| Pale Violet Red | #DB7093 | rgb(219, 112, 147) | hsl(340, 60%, 65%) | Muted, dusty rose-pink CSS named color. | |
| Rose Pink | #FF66CC | rgb(255, 102, 204) | hsl(320, 100%, 70%) | Bright, vivid floral pink shade. | |
| Fuchsia / Magenta | #FF00FF | rgb(255, 0, 255) | hsl(300, 100%, 50%) | Pure 100% red-blue web standard primary shade. | |
| Medium Violet Red | #C71585 | rgb(199, 21, 133) | hsl(322, 81%, 43%) | Rich, deep berry-pink CSS named color. |
For more inspiration, explore Pink Color Palettes, featuring beautiful combinations ranging from soft blush and romantic rose to vibrant fuchsia and luxury mauve.
For something more distinctive, see Green and Pink Palettes, which combine fresh greens with vibrant and dusty pinks for lifestyle brands, organic products, modern fintech interfaces, and trendy portfolios.