Preview
#baadcc
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 2.11:1 · vs black: 9.94:1
HEX
#baadcc
RGB
rgb(186, 173, 204)
RGBA
rgba(186, 173, 204, 1)
HSL
hsl(265, 23%, 74%)
HSV
hsv(265, 15%, 80%)
LAB
lab(72.68% 10.56 -14.03)
LCH
lch(72.68% 17.56 306.97)
OKLAB
oklab(0.7685 0.0258 -0.0378)
OKLCH
oklch(0.7685 0.0458 304.32)
XYZ
xyz(46.09, 44.69, 63.31)
CMYK
cmyk(9%, 15%, 0%, 20%)
CSS
color: #baadcc;
CSS variable
--color-baadcc: #baadcc;
SCSS
$color-baadcc: #baadcc;
Tailwind
violet-200
Export
:root {
--#baadcc-1: #baadcc;
}Mystery, ambition, and creativity. Strong for artistic and spiritual associations.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Purple family.