Preview
#ed64a6
Family: Red
Accessibility on this swatch:
Contrast vs white: 3.01:1 · vs black: 6.97:1
HEX
#ed64a6
RGB
rgb(237, 100, 166)
RGBA
rgba(237, 100, 166, 1)
HSL
hsl(331, 79%, 66%)
HSV
hsv(331, 58%, 93%)
LAB
lab(61.55% 59.35 -8.81)
LCH
lch(61.55% 60 351.56)
OKLAB
oklab(0.6923 0.1803 -0.0226)
OKLCH
oklch(0.6923 0.1817 352.86)
XYZ
xyz(46.37, 29.88, 39.39)
CMYK
cmyk(0%, 58%, 30%, 7%)
CSS
color: #ed64a6;
CSS variable
--color-ed64a6: #ed64a6;
SCSS
$color-ed64a6: #ed64a6;
Tailwind
pink-300
Export
:root {
--chakra-pink-500-1: #ed64a6;
}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.