Preview
#551c71
Family: Purple
Accessibility on this swatch:
Contrast vs white: 11.73:1 · vs black: 1.79:1
HEX
#551c71
RGB
rgb(85, 28, 113)
RGBA
rgba(85, 28, 113, 1)
HSL
hsl(280, 60%, 28%)
HSV
hsv(280, 75%, 44%)
LAB
lab(23.52% 40.64 -37.42)
LCH
lch(23.52% 55.24 317.36)
OKLAB
oklab(0.3587 0.0953 -0.1057)
OKLCH
oklch(0.3587 0.1423 312.04)
XYZ
xyz(7.14, 3.95, 16.01)
CMYK
cmyk(25%, 75%, 0%, 56%)
CSS
color: #551c71;
CSS variable
--color-551c71: #551c71;
SCSS
$color-551c71: #551c71;
Tailwind
purple-700
Export
:root {
--#551c71-1: #551c71;
}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.