Preview
#543451
Family: Pink
Accessibility on this swatch:
Contrast vs white: 10.57:1 · vs black: 1.99:1
HEX
#543451
RGB
rgb(84, 52, 81)
RGBA
rgba(84, 52, 81, 1)
HSL
hsl(306, 24%, 27%)
HSV
hsv(306, 38%, 33%)
LAB
lab(26.55% 19.69 -11.78)
LCH
lch(26.55% 22.94 329.11)
OKLAB
oklab(0.3747 0.0554 -0.0318)
OKLCH
oklch(0.3747 0.0639 330.14)
XYZ
xyz(6.37, 4.94, 8.40)
CMYK
cmyk(0%, 38%, 4%, 67%)
CSS
color: #543451;
CSS variable
--color-543451: #543451;
SCSS
$color-543451: #543451;
Tailwind
fuchsia-700
Export
:root {
--#543451-1: #543451;
}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.