Preview
#fcf2ff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.28:1
HEX
#fcf2ff
RGB
rgb(252, 242, 255)
RGBA
rgba(252, 242, 255, 1)
HSL
hsl(286, 100%, 97%)
HSV
hsv(286, 5%, 100%)
LAB
lab(96.58% 5.62 -5.04)
LCH
lch(96.58% 7.55 318.11)
OKLAB
oklab(0.9726 0.0151 -0.0134)
OKLCH
oklch(0.9726 0.0202 318.41)
XYZ
xyz(89.94, 91.42, 107.50)
CMYK
cmyk(1%, 5%, 0%, 0%)
CSS
color: #fcf2ff;
CSS variable
--color-fcf2ff: #fcf2ff;
SCSS
$color-fcf2ff: #fcf2ff;
Tailwind
purple-50
Export
:root {
--#fcf2ff-1: #fcf2ff;
}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.