Preview
#63236b
Family: Purple
Accessibility on this swatch:
Contrast vs white: 10.59:1 · vs black: 1.98:1
HEX
#63236b
RGB
rgb(99, 35, 107)
RGBA
rgba(99, 35, 107, 1)
HSL
hsl(293, 51%, 28%)
HSV
hsv(293, 67%, 42%)
LAB
lab(26.5% 39.54 -28.66)
LCH
lch(26.5% 48.83 324.06)
OKLAB
oklab(0.3833 0.1061 -0.0797)
OKLCH
oklch(0.3833 0.1327 323.09)
XYZ
xyz(8.40, 4.92, 14.41)
CMYK
cmyk(7%, 67%, 0%, 58%)
CSS
color: #63236b;
CSS variable
--color-63236b: #63236b;
SCSS
$color-63236b: #63236b;
Tailwind
purple-700
Export
:root {
--#63236b-1: #63236b;
}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.