Preview
#f8f1fd
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.11:1 · vs black: 18.99:1
HEX
#f8f1fd
RGB
rgb(248, 241, 253)
RGBA
rgba(248, 241, 253, 1)
HSL
hsl(275, 75%, 97%)
HSV
hsv(275, 5%, 99%)
LAB
lab(95.98% 4.46 -4.93)
LCH
lch(95.98% 6.65 312.13)
OKLAB
oklab(0.967 0.0116 -0.0131)
OKLCH
oklch(0.967 0.0175 311.52)
XYZ
xyz(87.89, 89.96, 105.64)
CMYK
cmyk(2%, 5%, 0%, 1%)
CSS
color: #f8f1fd;
CSS variable
--color-f8f1fd: #f8f1fd;
SCSS
$color-f8f1fd: #f8f1fd;
Tailwind
violet-50
Export
:root {
--#f8f1fd-1: #f8f1fd;
}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.