Preview
#ccb0f2
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 1.9:1 · vs black: 11.06:1
HEX
#ccb0f2
RGB
rgb(204, 176, 242)
RGBA
rgba(204, 176, 242, 1)
HSL
hsl(265, 72%, 82%)
HSV
hsv(265, 27%, 95%)
LAB
lab(76.25% 22.65 -29.14)
LCH
lch(76.25% 36.91 307.86)
OKLAB
oklab(0.8041 0.0533 -0.0799)
OKLCH
oklch(0.8041 0.096 303.71)
XYZ
xyz(56.45, 50.30, 90.72)
CMYK
cmyk(16%, 27%, 0%, 5%)
CSS
color: #ccb0f2;
CSS variable
--color-ccb0f2: #ccb0f2;
SCSS
$color-ccb0f2: #ccb0f2;
Tailwind
violet-100
Export
:root {
--#ccb0f2-1: #ccb0f2;
}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.