Preview
#f3f1f4
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.12:1 · vs black: 18.7:1
HEX
#f3f1f4
RGB
rgb(243, 241, 244)
RGBA
rgba(243, 241, 244, 1)
HSL
hsl(280, 12%, 95%)
HSV
hsv(280, 1%, 96%)
LAB
lab(95.37% 1.2 -1.21)
LCH
lch(95.37% 1.7 314.76)
OKLAB
oklab(0.9605 0.0032 -0.0032)
OKLCH
oklch(0.9605 0.0045 315)
XYZ
xyz(84.74, 88.50, 98.19)
CMYK
cmyk(0%, 1%, 0%, 4%)
CSS
color: #f3f1f4;
CSS variable
--color-f3f1f4: #f3f1f4;
SCSS
$color-f3f1f4: #f3f1f4;
Tailwind
purple-50
Export
:root {
--#f3f1f4-1: #f3f1f4;
}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.