Preview
#f0eaf4
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.18:1 · vs black: 17.78:1
HEX
#f0eaf4
RGB
rgb(240, 234, 244)
RGBA
rgba(240, 234, 244, 1)
HSL
hsl(276, 31%, 94%)
HSV
hsv(276, 4%, 96%)
LAB
lab(93.41% 3.79 -4.11)
LCH
lch(93.41% 5.59 312.68)
OKLAB
oklab(0.9446 0.0099 -0.0109)
OKLCH
oklch(0.9446 0.0147 312.25)
XYZ
xyz(81.68, 83.90, 97.46)
CMYK
cmyk(2%, 4%, 0%, 4%)
CSS
color: #f0eaf4;
CSS variable
--color-f0eaf4: #f0eaf4;
SCSS
$color-f0eaf4: #f0eaf4;
Tailwind
violet-50
Export
:root {
--#f0eaf4-1: #f0eaf4;
}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.