Preview
#c5afee
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 1.96:1 · vs black: 10.74:1
HEX
#c5afee
RGB
rgb(197, 175, 238)
RGBA
rgba(197, 175, 238, 1)
HSL
hsl(261, 65%, 81%)
HSV
hsv(261, 26%, 93%)
LAB
lab(75.27% 20.18 -28.54)
LCH
lch(75.27% 34.95 305.26)
OKLAB
oklab(0.7946 0.0458 -0.0783)
OKLCH
oklch(0.7946 0.0907 300.32)
XYZ
xyz(53.79, 48.70, 87.44)
CMYK
cmyk(17%, 26%, 0%, 7%)
CSS
color: #c5afee;
CSS variable
--color-c5afee: #c5afee;
SCSS
$color-c5afee: #c5afee;
Tailwind
violet-100
Export
:root {
--#c5afee-1: #c5afee;
}Mystery, ambition, and creativity. Strong for artistic and spiritual associations.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Purple family.