Preview
#f5ecf6
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.15:1 · vs black: 18.21:1
HEX
#f5ecf6
RGB
rgb(245, 236, 246)
RGBA
rgba(245, 236, 246, 1)
HSL
hsl(294, 36%, 95%)
HSV
hsv(294, 4%, 96%)
LAB
lab(94.34% 4.77 -3.74)
LCH
lch(94.34% 6.06 321.9)
OKLAB
oklab(0.953 0.013 -0.0099)
OKLCH
oklch(0.953 0.0163 322.71)
XYZ
xyz(84.28, 86.06, 99.34)
CMYK
cmyk(0%, 4%, 0%, 4%)
CSS
color: #f5ecf6;
CSS variable
--color-f5ecf6: #f5ecf6;
SCSS
$color-f5ecf6: #f5ecf6;
Tailwind
purple-50
Export
:root {
--#f5ecf6-1: #f5ecf6;
}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.