Preview
#fbf3ff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.08:1 · vs black: 19.37:1
HEX
#fbf3ff
RGB
rgb(251, 243, 255)
RGBA
rgba(251, 243, 255, 1)
HSL
hsl(280, 100%, 98%)
HSV
hsv(280, 5%, 100%)
LAB
lab(96.75% 4.78 -4.8)
LCH
lch(96.75% 6.77 314.88)
OKLAB
oklab(0.9738 0.0126 -0.0127)
OKLCH
oklch(0.9738 0.0179 314.77)
XYZ
xyz(89.88, 91.83, 107.58)
CMYK
cmyk(2%, 5%, 0%, 0%)
CSS
color: #fbf3ff;
CSS variable
--color-fbf3ff: #fbf3ff;
SCSS
$color-fbf3ff: #fbf3ff;
Tailwind
purple-50
Export
:root {
--#fbf3ff-1: #fbf3ff;
}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.