Hot Pink Color Palette
A bold hot pink palette full of energy and fun. Perfect for fashion, entertainment, and youth brands.
Deep Magenta
HEX: #831843
RGB: rgb(131, 24, 67)
HSL: hsl(336, 69%, 30%)
Fuchsia
HEX: #be185d
RGB: rgb(190, 24, 93)
HSL: hsl(335, 78%, 42%)
Hot Pink
HEX: #ec4899
RGB: rgb(236, 72, 153)
HSL: hsl(330, 81%, 60%)
Candy Pink
HEX: #f9a8d4
RGB: rgb(249, 168, 212)
HSL: hsl(327, 87%, 82%)
Blush
HEX: #fce7f3
RGB: rgb(252, 231, 243)
HSL: hsl(326, 78%, 95%)
CSS Variables
:root {
--hot-pink-1: #831843;
--hot-pink-2: #be185d;
--hot-pink-3: #ec4899;
--hot-pink-4: #f9a8d4;
--hot-pink-5: #fce7f3;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'hot-pink': {
'100': '#831843',
'200': '#be185d',
'300': '#ec4899',
'400': '#f9a8d4',
'500': '#fce7f3',
},
},
},
},
}Use Cases
Fashion brands
Entertainment apps
Youth marketing
Beauty brands
Related Palettes
Frequently Asked Questions
Is hot pink appropriate for professional brands?▾
Hot pink can work for professional brands in creative industries like fashion, beauty, entertainment, and marketing. T-Mobile is a successful example of a major brand using hot pink.
What colors complement hot pink?▾
Hot pink pairs well with black, white, charcoal, navy, and teal. For a bolder look, combine it with electric blue or lime green.