Preview
#f2deff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.67:1
HEX
#f2deff
RGB
rgb(242, 222, 255)
RGBA
rgba(242, 222, 255, 1)
HSL
hsl(276, 100%, 94%)
HSV
hsv(276, 13%, 100%)
LAB
lab(90.93% 12.7 -13.51)
LCH
lch(90.93% 18.54 313.23)
OKLAB
oklab(0.9267 0.0329 -0.0362)
OKLCH
oklch(0.9267 0.0489 312.27)
XYZ
xyz(80.79, 78.34, 105.45)
CMYK
cmyk(5%, 13%, 0%, 0%)
CSS
color: #f2deff;
CSS variable
--color-f2deff: #f2deff;
SCSS
$color-f2deff: #f2deff;
Tailwind
violet-50
Export
:root {
--#f2deff-1: #f2deff;
}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.