Preview
#ddaaff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.86:1 · vs black: 11.27:1
HEX
#ddaaff
RGB
rgb(221, 170, 255)
RGBA
rgba(221, 170, 255, 1)
HSL
hsl(276, 100%, 83%)
HSV
hsv(276, 33%, 100%)
LAB
lab(76.89% 33.82 -35.05)
LCH
lch(76.89% 48.71 313.98)
OKLAB
oklab(0.8142 0.0842 -0.0963)
OKLCH
oklch(0.8142 0.1279 311.16)
XYZ
xyz(62.24, 51.34, 101.22)
CMYK
cmyk(13%, 33%, 0%, 0%)
CSS
color: #ddaaff;
CSS variable
--color-ddaaff: #ddaaff;
SCSS
$color-ddaaff: #ddaaff;
Tailwind
violet-100
Export
:root {
--#ddaaff-1: #ddaaff;
}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.