Preview
#f9c2ff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.48:1 · vs black: 14.19:1
HEX
#f9c2ff
RGB
rgb(249, 194, 255)
RGBA
rgba(249, 194, 255, 1)
HSL
hsl(294, 100%, 88%)
HSV
hsv(294, 24%, 100%)
LAB
lab(84.97% 29.7 -22.43)
LCH
lch(84.97% 37.22 322.94)
OKLAB
oklab(0.882 0.0807 -0.0606)
OKLCH
oklch(0.882 0.1009 323.1)
XYZ
xyz(76.41, 65.95, 103.29)
CMYK
cmyk(2%, 24%, 0%, 0%)
CSS
color: #f9c2ff;
CSS variable
--color-f9c2ff: #f9c2ff;
SCSS
$color-f9c2ff: #f9c2ff;
Tailwind
purple-100
Export
:root {
--#f9c2ff-1: #f9c2ff;
}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.