Color code and palette
Shades of Pink
Pink can move from gentle blush to energetic magenta. The softer end supports welcoming surfaces while stronger shades create expressive accents for modern editorial and product design.
Pink
#EC4899
Color formats
The same base color in common web formats.
Shades
| Color | Name | HEX | RGB | HSL | Copy |
|---|---|---|---|---|---|
| Blush Light | #FDF2F8 | 253, 242, 248 | 327, 73%, 97% | ||
| Rose Quartz | #FCE7F3 | 252, 231, 243 | 326, 78%, 95% | ||
| Cotton Candy | #FBCFE8 | 251, 207, 232 | 326, 85%, 90% | ||
| Bubblegum | #F9A8D4 | 249, 168, 212 | 327, 87%, 82% | ||
| Carnation | #F472B6 | 244, 114, 182 | 329, 86%, 70% | ||
| Pink | #EC4899 | 236, 72, 153 | 330, 81%, 60% | ||
| Hot Pink | #DB2777 | 219, 39, 119 | 333, 71%, 51% | ||
| Magenta Pink | #BE185D | 190, 24, 93 | 335, 78%, 42% | ||
| Raspberry | #9D174D | 157, 23, 77 | 336, 74%, 35% | ||
| Dark Pink | #831843 | 131, 24, 67 | 336, 69%, 30% | ||
| Rose Light | #FFF1F2 | 255, 241, 242 | 356, 100%, 97% | ||
| Rose | #FFE4E6 | 255, 228, 230 | 356, 100%, 95% | ||
| Rose Medium | #FECDD3 | 254, 205, 211 | 353, 96%, 90% | ||
| Salmon | #FDA4AF | 253, 164, 175 | 353, 96%, 82% | ||
| Coral Pink | #FB7185 | 251, 113, 133 | 351, 95%, 71% | ||
| Watermelon | #F43F5E | 244, 63, 94 | 350, 89%, 60% | ||
| Cerise | #E11D48 | 225, 29, 72 | 347, 77%, 50% | ||
| Cherry Pink | #BE123C | 190, 18, 60 | 345, 83%, 41% | ||
| Cranberry | #9F1239 | 159, 18, 57 | 343, 80%, 35% | ||
| Burgundy Pink | #881337 | 136, 19, 55 | 342, 75%, 30% |
CSS keyword: pink
In CSS you can write it as the keyword pink.
Text contrast
These ratios use the WCAG relative luminance formula.
Aa White text 3.53:1
AA · Large text
Aa Black text 5.95:1
AA
Ways to use Pink
Welcoming lifestyle interfaces
Expressive editorial accents
Beauty, fashion and consumer branding
Colors that go with Pink
Color-wheel harmonies built from #EC4899. Click a swatch to copy it or open the set in the color wheel.
Split complementary
Open in color wheelA base plus the two neighbors of its complement — contrast with less tension.