Preview
#f1dff6
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.63:1
HEX
#f1dff6
RGB
rgb(241, 223, 246)
RGBA
rgba(241, 223, 246, 1)
HSL
hsl(287, 56%, 92%)
HSV
hsv(287, 9%, 96%)
LAB
lab(90.84% 10.18 -8.94)
LCH
lch(90.84% 13.55 318.71)
OKLAB
oklab(0.9249 0.0273 -0.0238)
OKLCH
oklch(0.9249 0.0362 318.92)
XYZ
xyz(79.30, 78.13, 98.07)
CMYK
cmyk(2%, 9%, 0%, 4%)
CSS
color: #f1dff6;
CSS variable
--color-f1dff6: #f1dff6;
SCSS
$color-f1dff6: #f1dff6;
Tailwind
purple-50
Export
:root {
--#f1dff6-1: #f1dff6;
}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.