Preview
#ec4899
Family: Red
Accessibility on this swatch:
Contrast vs white: 3.53:1 · vs black: 5.95:1
HEX
#ec4899
RGB
rgb(236, 72, 153)
RGBA
rgba(236, 72, 153, 1)
HSL
hsl(330, 81%, 60%)
HSV
hsv(330, 69%, 93%)
LAB
lab(56.85% 68.81 -8.28)
LCH
lch(56.85% 69.31 353.14)
OKLAB
oklab(0.6559 0.2107 -0.021)
OKLCH
oklch(0.6559 0.2117 354.31)
XYZ
xyz(42.66, 24.77, 32.67)
CMYK
cmyk(0%, 69%, 35%, 7%)
CSS
color: #ec4899;
CSS variable
--color-ec4899: #ec4899;
SCSS
$color-ec4899: #ec4899;
Tailwind
pink-400
Export
:root {
--prime-pink-1: #ec4899;
}Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.