Preview
#ab8ed8
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 2.77:1 · vs black: 7.59:1
HEX
#ab8ed8
RGB
rgb(171, 142, 216)
RGBA
rgba(171, 142, 216, 1)
HSL
hsl(264, 49%, 70%)
HSV
hsv(264, 34%, 85%)
LAB
lab(64.13% 25.71 -33.85)
LCH
lch(64.13% 42.51 307.22)
OKLAB
oklab(0.7009 0.0577 -0.0937)
OKLCH
oklch(0.7009 0.11 301.62)
XYZ
xyz(38.86, 32.96, 69.27)
CMYK
cmyk(21%, 34%, 0%, 15%)
CSS
color: #ab8ed8;
CSS variable
--color-ab8ed8: #ab8ed8;
SCSS
$color-ab8ed8: #ab8ed8;
Tailwind
violet-300
Export
:root {
--#ab8ed8-1: #ab8ed8;
}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.