Preview
#faf2ff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.21:1
HEX
#faf2ff
RGB
rgb(250, 242, 255)
RGBA
rgba(250, 242, 255, 1)
HSL
hsl(277, 100%, 97%)
HSV
hsv(277, 5%, 100%)
LAB
lab(96.43% 4.96 -5.28)
LCH
lch(96.43% 7.24 313.21)
OKLAB
oklab(0.9711 0.013 -0.014)
OKLCH
oklch(0.9711 0.0191 312.88)
XYZ
xyz(89.22, 91.05, 107.46)
CMYK
cmyk(2%, 5%, 0%, 0%)
CSS
color: #faf2ff;
CSS variable
--color-faf2ff: #faf2ff;
SCSS
$color-faf2ff: #faf2ff;
Tailwind
violet-50
Export
:root {
--#faf2ff-1: #faf2ff;
}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.