Preview
#543b5a
Family: Purple
Accessibility on this swatch:
Contrast vs white: 9.77:1 · vs black: 2.15:1
HEX
#543b5a
RGB
rgb(84, 59, 90)
RGBA
rgba(84, 59, 90, 1)
HSL
hsl(288, 21%, 29%)
HSV
hsv(288, 34%, 35%)
LAB
lab(28.78% 17.23 -14.25)
LCH
lch(28.78% 22.36 320.41)
OKLAB
oklab(0.3928 0.0458 -0.0389)
OKLCH
oklch(0.3928 0.0601 319.66)
XYZ
xyz(7.07, 5.75, 10.41)
CMYK
cmyk(7%, 34%, 0%, 65%)
CSS
color: #543b5a;
CSS variable
--color-543b5a: #543b5a;
SCSS
$color-543b5a: #543b5a;
Tailwind
purple-700
Export
:root {
--#543b5a-1: #543b5a;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.