UI Design Token: Pink
#EC4899 Color Code
#EC4899 is a curated pink tone (Vibrant Accents, Social & Community Apps). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#EC4899
Pink
RGB: 236, 72, 153
HEX
#EC4899
RGB
rgb(236, 72, 153)
HSL
hsl(330, 81%, 60%)
Complementary
#46EC99
50 â 950 Tailwind Shades Scale for #EC4899
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
3.53:1
WCAG AA: Large Text Only (3:1)
On Slate Dark (#0F172A)
5.06:1
WCAG AA: Passed (AA)
CSS Variables & Design Token Export
:root {
--color-pink: #EC4899;
--color-pink-rgb: 236, 72, 153;
--color-pink-hsl: 330deg 81% 60%;
--color-pink-comp: #46EC99;
}