Preview
#c276e5
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.99:1 · vs black: 7.02:1
HEX
#c276e5
RGB
rgb(194, 118, 229)
RGBA
rgba(194, 118, 229, 1)
HSL
hsl(281, 68%, 68%)
HSV
hsv(281, 48%, 90%)
LAB
lab(61.73% 48.41 -44.68)
LCH
lch(61.73% 65.88 317.29)
OKLAB
oklab(0.6901 0.1211 -0.1243)
OKLCH
oklch(0.6901 0.1735 314.25)
XYZ
xyz(42.87, 30.08, 77.66)
CMYK
cmyk(15%, 48%, 0%, 10%)
CSS
color: #c276e5;
CSS variable
--color-c276e5: #c276e5;
SCSS
$color-c276e5: #c276e5;
Tailwind
purple-300
Export
:root {
--#c276e5-1: #c276e5;
}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.