Preview
#8877b0
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.95:1 · vs black: 5.31:1
HEX
#8877b0
RGB
rgb(136, 119, 176)
RGBA
rgba(136, 119, 176, 1)
HSL
hsl(258, 27%, 58%)
HSV
hsv(258, 32%, 69%)
LAB
lab(53.56% 18.75 -27.86)
LCH
lch(53.56% 33.58 303.94)
OKLAB
oklab(0.607 0.04 -0.077)
OKLCH
oklch(0.607 0.0868 297.45)
XYZ
xyz(24.58, 21.56, 43.93)
CMYK
cmyk(23%, 32%, 0%, 31%)
CSS
color: #8877b0;
CSS variable
--color-8877b0: #8877b0;
SCSS
$color-8877b0: #8877b0;
Tailwind
indigo-400
Export
:root {
--#8877b0-1: #8877b0;
}Mystery, ambition, and creativity. Strong for artistic and spiritual associations.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Purple family.