Color guide
Pink Color
#EC4899
pink color codes
What pink means
Pink communicates playfulness, empathy and modern femininity. Bright pinks feel bold and youthful; soft pinks feel calm and caring.
How to use it in design
Popular in beauty, lifestyle and kids products. A vivid pink accent can modernize an otherwise neutral palette.
Color combinations with pink
Harmonies calculated with color theory for the base hue 330°.
Complementary
Maximum contrast: #EC4899 + #46EC99
Analogous
Harmony at ±30°: #EC46EC · #EC4899 · #EC4646
Triadic
Even 120° spacing: #EC4899 · #99EC46 · #4699EC
pink color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #EC4899.
Colors that go well with pink
FAQ about the pink color
What is the HEX code of pink?
A widely used hex value for pink is #EC4899, which equals rgb(236, 72, 153). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (330°).
What colors go well with pink?
pink pairs beautifully with teal, navy, gold, mint. Its complementary color is #46EC99, and a classic triadic scheme adds #99EC46 and #4699EC.
Is pink accessible for text and backgrounds?
It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping pink in text or UI elements.
Create your own pink palette
Generate harmonious combinations from #EC4899 in seconds.
Open the palette generator