Preview
#f8f2f9
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.1:1 · vs black: 19.06:1
HEX
#f8f2f9
RGB
rgb(248, 242, 249)
RGBA
rgba(248, 242, 249, 1)
HSL
hsl(291, 37%, 96%)
HSV
hsv(291, 3%, 98%)
LAB
lab(96.12% 3.23 -2.65)
LCH
lch(96.12% 4.18 320.63)
OKLAB
oklab(0.9678 0.0088 -0.007)
OKLCH
oklch(0.9678 0.0112 321.5)
XYZ
xyz(87.56, 90.30, 102.42)
CMYK
cmyk(0%, 3%, 0%, 2%)
CSS
color: #f8f2f9;
CSS variable
--color-f8f2f9: #f8f2f9;
SCSS
$color-f8f2f9: #f8f2f9;
Tailwind
purple-50
Export
:root {
--#f8f2f9-1: #f8f2f9;
}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.