Preview
#c679d2
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.97:1 · vs black: 7.07:1
HEX
#c679d2
RGB
rgb(198, 121, 210)
RGBA
rgba(198, 121, 210, 1)
HSL
hsl(292, 50%, 65%)
HSV
hsv(292, 42%, 82%)
LAB
lab(61.94% 44.15 -33.69)
LCH
lch(61.94% 55.54 322.65)
OKLAB
oklab(0.6899 0.1186 -0.0925)
OKLCH
oklch(0.6899 0.1504 322.05)
XYZ
xyz(41.76, 30.34, 64.62)
CMYK
cmyk(6%, 42%, 0%, 18%)
CSS
color: #c679d2;
CSS variable
--color-c679d2: #c679d2;
SCSS
$color-c679d2: #c679d2;
Tailwind
purple-300
Export
:root {
--#c679d2-1: #c679d2;
}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.