Preview
#f1ecf2
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 18.02:1
HEX
#f1ecf2
RGB
rgb(241, 236, 242)
RGBA
rgba(241, 236, 242, 1)
HSL
hsl(290, 19%, 94%)
HSV
hsv(290, 2%, 95%)
LAB
lab(93.93% 2.73 -2.3)
LCH
lch(93.93% 3.57 319.89)
OKLAB
oklab(0.9487 0.0074 -0.0061)
OKLCH
oklch(0.9487 0.0096 320.5)
XYZ
xyz(82.30, 85.10, 96.08)
CMYK
cmyk(0%, 2%, 0%, 5%)
CSS
color: #f1ecf2;
CSS variable
--color-f1ecf2: #f1ecf2;
SCSS
$color-f1ecf2: #f1ecf2;
Tailwind
purple-50
Export
:root {
--#f1ecf2-1: #f1ecf2;
}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.