Preview
#3c2a3c
Family: Pink
Accessibility on this swatch:
Contrast vs white: 13.22:1 · vs black: 1.59:1
HEX
#3c2a3c
RGB
rgb(60, 42, 60)
RGBA
rgba(60, 42, 60, 1)
HSL
hsl(300, 18%, 20%)
HSV
hsv(300, 30%, 24%)
LAB
lab(19.81% 12.09 -8.2)
LCH
lch(19.81% 14.61 325.85)
OKLAB
oklab(0.3135 0.0334 -0.0221)
OKLCH
oklch(0.3135 0.04 326.51)
XYZ
xyz(3.51, 2.94, 4.66)
CMYK
cmyk(0%, 30%, 0%, 76%)
CSS
color: #3c2a3c;
CSS variable
--color-3c2a3c: #3c2a3c;
SCSS
$color-3c2a3c: #3c2a3c;
Tailwind
fuchsia-800
Export
:root {
--#3c2a3c-1: #3c2a3c;
}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.