Preview
#dfcae2
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.68:1
HEX
#dfcae2
RGB
rgb(223, 202, 226)
RGBA
rgba(223, 202, 226, 1)
HSL
hsl(293, 29%, 84%)
HSV
hsv(293, 11%, 89%)
LAB
lab(83.66% 11.56 -9.19)
LCH
lch(83.66% 14.77 321.52)
OKLAB
oklab(0.8636 0.0314 -0.0245)
OKLCH
oklch(0.8636 0.0398 322.04)
XYZ
xyz(65.28, 63.42, 80.74)
CMYK
cmyk(1%, 11%, 0%, 11%)
CSS
color: #dfcae2;
CSS variable
--color-dfcae2: #dfcae2;
SCSS
$color-dfcae2: #dfcae2;
Tailwind
purple-100
Export
:root {
--#dfcae2-1: #dfcae2;
}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.