Preview
#f4f2f5
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.11:1 · vs black: 18.87:1
HEX
#f4f2f5
RGB
rgb(244, 242, 245)
RGBA
rgba(244, 242, 245, 1)
HSL
hsl(280, 13%, 95%)
HSV
hsv(280, 1%, 96%)
LAB
lab(95.72% 1.19 -1.21)
LCH
lch(95.72% 1.7 314.52)
OKLAB
oklab(0.9635 0.0032 -0.0032)
OKLCH
oklch(0.9635 0.0045 315)
XYZ
xyz(85.54, 89.33, 99.10)
CMYK
cmyk(0%, 1%, 0%, 4%)
CSS
color: #f4f2f5;
CSS variable
--color-f4f2f5: #f4f2f5;
SCSS
$color-f4f2f5: #f4f2f5;
Tailwind
purple-50
Export
:root {
--#f4f2f5-1: #f4f2f5;
}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.