Preview
#c677e8
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.91:1 · vs black: 7.21:1
HEX
#c677e8
RGB
rgb(198, 119, 232)
RGBA
rgba(198, 119, 232, 1)
HSL
hsl(282, 71%, 69%)
HSV
hsv(282, 49%, 91%)
LAB
lab(62.53% 49.61 -45.06)
LCH
lch(62.53% 67.02 317.75)
OKLAB
oklab(0.6975 0.1249 -0.1253)
OKLCH
oklch(0.6975 0.1769 314.91)
XYZ
xyz(44.45, 31.03, 79.98)
CMYK
cmyk(15%, 49%, 0%, 9%)
CSS
color: #c677e8;
CSS variable
--color-c677e8: #c677e8;
SCSS
$color-c677e8: #c677e8;
Tailwind
purple-300
Export
:root {
--#c677e8-1: #c677e8;
}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.