Preview
#4c2a4c
Family: Pink
Accessibility on this swatch:
Contrast vs white: 12.05:1 · vs black: 1.74:1
HEX
#4c2a4c
RGB
rgb(76, 42, 76)
RGBA
rgba(76, 42, 76, 1)
HSL
hsl(300, 29%, 23%)
HSV
hsv(300, 45%, 30%)
LAB
lab(22.7% 21.92 -14.46)
LCH
lch(22.7% 26.26 326.59)
OKLAB
oklab(0.3425 0.0608 -0.0394)
OKLCH
oklch(0.3425 0.0724 327.06)
XYZ
xyz(5.11, 3.71, 7.28)
CMYK
cmyk(0%, 45%, 0%, 70%)
CSS
color: #4c2a4c;
CSS variable
--color-4c2a4c: #4c2a4c;
SCSS
$color-4c2a4c: #4c2a4c;
Tailwind
fuchsia-700
Export
:root {
--#4c2a4c-1: #4c2a4c;
}Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.