Preview
#783c83
Family: Purple
Accessibility on this swatch:
Contrast vs white: 7.57:1 · vs black: 2.77:1
HEX
#783c83
RGB
rgb(120, 60, 131)
RGBA
rgba(120, 60, 131, 1)
HSL
hsl(291, 37%, 37%)
HSV
hsv(291, 54%, 51%)
LAB
lab(35.72% 37.67 -29.02)
LCH
lch(35.72% 47.55 322.39)
OKLAB
oklab(0.4616 0.1001 -0.0804)
OKLCH
oklch(0.4616 0.1284 321.23)
XYZ
xyz(13.46, 8.86, 22.47)
CMYK
cmyk(8%, 54%, 0%, 49%)
CSS
color: #783c83;
CSS variable
--color-783c83: #783c83;
SCSS
$color-783c83: #783c83;
Tailwind
purple-600
Export
:root {
--#783c83-1: #783c83;
}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.