Preview
#513654
Family: Purple
Accessibility on this swatch:
Contrast vs white: 10.47:1 · vs black: 2.01:1
HEX
#513654
RGB
rgb(81, 54, 84)
RGBA
rgba(81, 54, 84, 1)
HSL
hsl(294, 22%, 27%)
HSV
hsv(294, 36%, 33%)
LAB
lab(26.81% 17.94 -13.38)
LCH
lch(26.81% 22.38 323.28)
OKLAB
oklab(0.3762 0.0487 -0.0364)
OKLCH
oklch(0.3762 0.0608 323.22)
XYZ
xyz(6.31, 5.03, 9.02)
CMYK
cmyk(4%, 36%, 0%, 67%)
CSS
color: #513654;
CSS variable
--color-513654: #513654;
SCSS
$color-513654: #513654;
Tailwind
purple-700
Export
:root {
--#513654-1: #513654;
}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.