Preview
#f7ddfa
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.68:1
HEX
#f7ddfa
RGB
rgb(247, 221, 250)
RGBA
rgba(247, 221, 250, 1)
HSL
hsl(294, 74%, 92%)
HSV
hsv(294, 12%, 98%)
LAB
lab(90.96% 13.93 -10.81)
LCH
lch(90.96% 17.63 322.19)
OKLAB
oklab(0.9273 0.0379 -0.0288)
OKLCH
oklch(0.9273 0.0476 322.77)
XYZ
xyz(81.47, 78.39, 101.26)
CMYK
cmyk(1%, 12%, 0%, 2%)
CSS
color: #f7ddfa;
CSS variable
--color-f7ddfa: #f7ddfa;
SCSS
$color-f7ddfa: #f7ddfa;
Tailwind
purple-50
Export
:root {
--#f7ddfa-1: #f7ddfa;
}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.