Preview
#fcf0ff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.1:1 · vs black: 19.05:1
HEX
#fcf0ff
RGB
rgb(252, 240, 255)
RGBA
rgba(252, 240, 255, 1)
HSL
hsl(288, 100%, 97%)
HSV
hsv(288, 6%, 100%)
LAB
lab(96.09% 6.64 -5.76)
LCH
lch(96.09% 8.79 319.06)
OKLAB
oklab(0.9688 0.0179 -0.0153)
OKLCH
oklch(0.9688 0.0235 319.48)
XYZ
xyz(89.35, 90.24, 107.30)
CMYK
cmyk(1%, 6%, 0%, 0%)
CSS
color: #fcf0ff;
CSS variable
--color-fcf0ff: #fcf0ff;
SCSS
$color-fcf0ff: #fcf0ff;
Tailwind
purple-50
Export
:root {
--#fcf0ff-1: #fcf0ff;
}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.