Preview
#501c55
Family: Pink
Accessibility on this swatch:
Contrast vs white: 12.82:1 · vs black: 1.64:1
HEX
#501c55
RGB
rgb(80, 28, 85)
RGBA
rgba(80, 28, 85, 1)
HSL
hsl(295, 50%, 22%)
HSV
hsv(295, 67%, 33%)
LAB
lab(20.8% 33.17 -23.44)
LCH
lch(20.8% 40.62 324.75)
OKLAB
oklab(0.3314 0.0899 -0.065)
OKLCH
oklch(0.3314 0.1109 324.13)
XYZ
xyz(5.36, 3.19, 8.93)
CMYK
cmyk(6%, 67%, 0%, 67%)
CSS
color: #501c55;
CSS variable
--color-501c55: #501c55;
SCSS
$color-501c55: #501c55;
Tailwind
purple-700
Export
:root {
--#501c55-1: #501c55;
}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.