Preview
#f3dcff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.27:1 · vs black: 16.49:1
HEX
#f3dcff
RGB
rgb(243, 220, 255)
RGBA
rgba(243, 220, 255, 1)
HSL
hsl(279, 100%, 93%)
HSV
hsv(279, 14%, 100%)
LAB
lab(90.53% 14.07 -14.1)
LCH
lch(90.53% 19.92 314.94)
OKLAB
oklab(0.9237 0.0368 -0.0378)
OKLCH
oklch(0.9237 0.0528 314.23)
XYZ
xyz(80.60, 77.46, 105.29)
CMYK
cmyk(5%, 14%, 0%, 0%)
CSS
color: #f3dcff;
CSS variable
--color-f3dcff: #f3dcff;
SCSS
$color-f3dcff: #f3dcff;
Tailwind
violet-50
Export
:root {
--#f3dcff-1: #f3dcff;
}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.