Preview
#f5d3f9
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.35:1 · vs black: 15.57:1
HEX
#f5d3f9
RGB
rgb(245, 211, 249)
RGBA
rgba(245, 211, 249, 1)
HSL
hsl(294, 76%, 90%)
HSV
hsv(294, 15%, 98%)
LAB
lab(88.37% 18.33 -14.16)
LCH
lch(88.37% 23.16 322.31)
OKLAB
oklab(0.9068 0.0498 -0.0379)
OKLCH
oklch(0.9068 0.0626 322.73)
XYZ
xyz(78.05, 72.84, 99.55)
CMYK
cmyk(2%, 15%, 0%, 2%)
CSS
color: #f5d3f9;
CSS variable
--color-f5d3f9: #f5d3f9;
SCSS
$color-f5d3f9: #f5d3f9;
Tailwind
purple-100
Export
:root {
--#f5d3f9-1: #f5d3f9;
}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.