Preview
#561a4f
Family: Pink
Accessibility on this swatch:
Contrast vs white: 12.68:1 · vs black: 1.66:1
HEX
#561a4f
RGB
rgb(86, 26, 79)
RGBA
rgba(86, 26, 79, 1)
HSL
hsl(307, 54%, 22%)
HSV
hsv(307, 70%, 34%)
LAB
lab(21.14% 34.69 -18.79)
LCH
lch(21.14% 39.45 331.56)
OKLAB
oklab(0.3348 0.0997 -0.0514)
OKLCH
oklch(0.3348 0.1122 332.73)
XYZ
xyz(5.62, 3.28, 7.73)
CMYK
cmyk(0%, 70%, 8%, 66%)
CSS
color: #561a4f;
CSS variable
--color-561a4f: #561a4f;
SCSS
$color-561a4f: #561a4f;
Tailwind
fuchsia-700
Export
:root {
--#561a4f-1: #561a4f;
}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.