Preview
#883ecc
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 5.82:1 · vs black: 3.61:1
HEX
#883ecc
RGB
rgb(136, 62, 204)
RGBA
rgba(136, 62, 204, 1)
HSL
hsl(271, 58%, 52%)
HSV
hsv(271, 70%, 80%)
LAB
lab(42.82% 57 -61.11)
LCH
lch(42.82% 83.57 313.01)
OKLAB
oklab(0.5323 0.1167 -0.1738)
OKLCH
oklch(0.5323 0.2093 303.88)
XYZ
xyz(22.77, 13.04, 58.43)
CMYK
cmyk(33%, 70%, 0%, 20%)
CSS
color: #883ecc;
CSS variable
--color-883ecc: #883ecc;
SCSS
$color-883ecc: #883ecc;
Tailwind
violet-400
Export
:root {
--#883ecc-1: #883ecc;
}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.