Preview
#c77cd0
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.91:1 · vs black: 7.22:1
HEX
#c77cd0
RGB
rgb(199, 124, 208)
RGBA
rgba(199, 124, 208, 1)
HSL
hsl(294, 47%, 65%)
HSV
hsv(294, 40%, 82%)
LAB
lab(62.6% 42.47 -31.53)
LCH
lch(62.6% 52.89 323.41)
OKLAB
oklab(0.6948 0.115 -0.0864)
OKLCH
oklch(0.6948 0.1438 323.08)
XYZ
xyz(42.14, 31.11, 63.45)
CMYK
cmyk(4%, 40%, 0%, 18%)
CSS
color: #c77cd0;
CSS variable
--color-c77cd0: #c77cd0;
SCSS
$color-c77cd0: #c77cd0;
Tailwind
purple-300
Export
:root {
--#c77cd0-1: #c77cd0;
}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.