Preview
#d53f8c
Family: Red
Accessibility on this swatch:
Contrast vs white: 4.27:1 · vs black: 4.92:1
HEX
#d53f8c
RGB
rgb(213, 63, 140)
RGBA
rgba(213, 63, 140, 1)
HSL
hsl(329, 64%, 54%)
HSV
hsv(329, 70%, 84%)
LAB
lab(51.38% 64.34 -9.17)
LCH
lch(51.38% 64.99 351.89)
OKLAB
oklab(0.607 0.197 -0.0235)
OKLCH
oklch(0.607 0.1984 353.2)
XYZ
xyz(33.95, 19.60, 26.80)
CMYK
cmyk(0%, 70%, 34%, 16%)
CSS
color: #d53f8c;
CSS variable
--color-d53f8c: #d53f8c;
SCSS
$color-d53f8c: #d53f8c;
Tailwind
pink-400
Export
:root {
--chakra-pink-600-1: #d53f8c;
}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.