Preview
#c784d2
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.74:1 · vs black: 7.66:1
HEX
#c784d2
RGB
rgb(199, 132, 210)
RGBA
rgba(199, 132, 210, 1)
HSL
hsl(292, 46%, 67%)
HSV
hsv(292, 37%, 82%)
LAB
lab(64.4% 38.57 -29.86)
LCH
lch(64.4% 48.78 322.25)
OKLAB
oklab(0.7086 0.1036 -0.0817)
OKLCH
oklch(0.7086 0.1319 321.74)
XYZ
xyz(43.44, 33.30, 65.10)
CMYK
cmyk(5%, 37%, 0%, 18%)
CSS
color: #c784d2;
CSS variable
--color-c784d2: #c784d2;
SCSS
$color-c784d2: #c784d2;
Tailwind
purple-300
Export
:root {
--#c784d2-1: #c784d2;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.