Preview
#fef7ff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.05:1 · vs black: 19.96:1
HEX
#fef7ff
RGB
rgb(254, 247, 255)
RGBA
rgba(254, 247, 255, 1)
HSL
hsl(293, 100%, 98%)
HSV
hsv(293, 3%, 100%)
LAB
lab(97.96% 3.72 -3)
LCH
lch(97.96% 4.78 321.12)
OKLAB
oklab(0.9838 0.0101 -0.0079)
OKLCH
oklch(0.9838 0.0128 321.97)
XYZ
xyz(92.18, 94.81, 108.03)
CMYK
cmyk(0%, 3%, 0%, 0%)
CSS
color: #fef7ff;
CSS variable
--color-fef7ff: #fef7ff;
SCSS
$color-fef7ff: #fef7ff;
Tailwind
purple-50
Export
:root {
--#fef7ff-1: #fef7ff;
}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.