Preview
#8e7eaa
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.67:1 · vs black: 5.71:1
HEX
#8e7eaa
RGB
rgb(142, 126, 170)
RGBA
rgba(142, 126, 170, 1)
HSL
hsl(262, 21%, 58%)
HSV
hsv(262, 26%, 67%)
LAB
lab(55.66% 15.16 -21.12)
LCH
lch(55.66% 26 305.67)
OKLAB
oklab(0.6236 0.0349 -0.0578)
OKLCH
oklch(0.6236 0.0675 301.12)
XYZ
xyz(25.87, 23.57, 41.21)
CMYK
cmyk(16%, 26%, 0%, 33%)
CSS
color: #8e7eaa;
CSS variable
--color-8e7eaa: #8e7eaa;
SCSS
$color-8e7eaa: #8e7eaa;
Tailwind
violet-400
Export
:root {
--#8e7eaa-1: #8e7eaa;
}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.