Preview
#f2c3f7
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.92:1
HEX
#f2c3f7
RGB
rgb(242, 195, 247)
RGBA
rgba(242, 195, 247, 1)
HSL
hsl(294, 76%, 87%)
HSV
hsv(294, 21%, 97%)
LAB
lab(84.29% 25.44 -19.27)
LCH
lch(84.29% 31.91 322.86)
OKLAB
oklab(0.8744 0.0692 -0.0519)
OKLCH
oklch(0.8744 0.0865 323.13)
XYZ
xyz(72.92, 64.62, 96.61)
CMYK
cmyk(2%, 21%, 0%, 3%)
CSS
color: #f2c3f7;
CSS variable
--color-f2c3f7: #f2c3f7;
SCSS
$color-f2c3f7: #f2c3f7;
Tailwind
purple-100
Export
:root {
--#f2c3f7-1: #f2c3f7;
}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.