Preview
#f5f0f7
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.12:1 · vs black: 18.69:1
HEX
#f5f0f7
RGB
rgb(245, 240, 247)
RGBA
rgba(245, 240, 247, 1)
HSL
hsl(283, 30%, 95%)
HSV
hsv(283, 3%, 97%)
LAB
lab(95.35% 2.9 -2.77)
LCH
lch(95.35% 4.01 316.31)
OKLAB
oklab(0.961 0.0077 -0.0073)
OKLCH
oklch(0.961 0.0106 316.53)
XYZ
xyz(85.60, 88.45, 100.54)
CMYK
cmyk(1%, 3%, 0%, 3%)
CSS
color: #f5f0f7;
CSS variable
--color-f5f0f7: #f5f0f7;
SCSS
$color-f5f0f7: #f5f0f7;
Tailwind
purple-50
Export
:root {
--#f5f0f7-1: #f5f0f7;
}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.