Preview
#822eff
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 5.55:1 · vs black: 3.78:1
HEX
#822eff
RGB
rgb(130, 46, 255)
RGBA
rgba(130, 46, 255, 1)
HSL
hsl(264, 100%, 59%)
HSV
hsv(264, 82%, 100%)
LAB
lab(44.12% 74.47 -87.99)
LCH
lch(44.12% 115.27 310.24)
OKLAB
oklab(0.5527 0.1074 -0.2527)
OKLCH
oklch(0.5527 0.2746 293.03)
XYZ
xyz(28.23, 13.92, 95.79)
CMYK
cmyk(49%, 82%, 0%, 0%)
CSS
color: #822eff;
CSS variable
--color-822eff: #822eff;
SCSS
$color-822eff: #822eff;
Tailwind
violet-400
Export
:root {
--#822eff-1: #822eff;
}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.