Preview
#c497ce
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.42:1 · vs black: 8.67:1
HEX
#c497ce
RGB
rgb(196, 151, 206)
RGBA
rgba(196, 151, 206, 1)
HSL
hsl(289, 36%, 70%)
HSV
hsv(289, 27%, 81%)
LAB
lab(68.26% 26.42 -21.74)
LCH
lch(68.26% 34.21 320.55)
OKLAB
oklab(0.7367 0.0706 -0.059)
OKLCH
oklch(0.7367 0.092 320.11)
XYZ
xyz(44.97, 38.33, 63.41)
CMYK
cmyk(5%, 27%, 0%, 19%)
CSS
color: #c497ce;
CSS variable
--color-c497ce: #c497ce;
SCSS
$color-c497ce: #c497ce;
Tailwind
purple-300
Export
:root {
--#c497ce-1: #c497ce;
}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.