Preview
#f5d6ff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.32:1 · vs black: 15.95:1
HEX
#f5d6ff
RGB
rgb(245, 214, 255)
RGBA
rgba(245, 214, 255, 1)
HSL
hsl(285, 100%, 92%)
HSV
hsv(285, 16%, 100%)
LAB
lab(89.26% 17.87 -15.98)
LCH
lch(89.26% 23.97 318.2)
OKLAB
oklab(0.9143 0.0475 -0.0429)
OKLCH
oklch(0.9143 0.064 317.91)
XYZ
xyz(79.75, 74.73, 104.81)
CMYK
cmyk(4%, 16%, 0%, 0%)
CSS
color: #f5d6ff;
CSS variable
--color-f5d6ff: #f5d6ff;
SCSS
$color-f5d6ff: #f5d6ff;
Tailwind
purple-50
Export
:root {
--#f5d6ff-1: #f5d6ff;
}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.