Preview
#543755
Family: Pink
Accessibility on this swatch:
Contrast vs white: 10.22:1 · vs black: 2.05:1
HEX
#543755
RGB
rgb(84, 55, 85)
RGBA
rgba(84, 55, 85, 1)
HSL
hsl(298, 21%, 27%)
HSV
hsv(298, 35%, 33%)
LAB
lab(27.5% 18.65 -12.95)
LCH
lch(27.5% 22.71 325.23)
OKLAB
oklab(0.3824 0.0513 -0.0352)
OKLCH
oklch(0.3824 0.0622 325.54)
XYZ
xyz(6.66, 5.27, 9.26)
CMYK
cmyk(1%, 35%, 0%, 67%)
CSS
color: #543755;
CSS variable
--color-543755: #543755;
SCSS
$color-543755: #543755;
Tailwind
purple-700
Export
:root {
--#543755-1: #543755;
}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.