Preview
#63486b
Family: Purple
Accessibility on this swatch:
Contrast vs white: 7.87:1 · vs black: 2.67:1
HEX
#63486b
RGB
rgb(99, 72, 107)
RGBA
rgba(99, 72, 107, 1)
HSL
hsl(286, 20%, 35%)
HSV
hsv(286, 33%, 42%)
LAB
lab(34.7% 18.42 -15.85)
LCH
lch(34.7% 24.3 319.29)
OKLAB
oklab(0.4444 0.0486 -0.0432)
OKLCH
oklch(0.4444 0.065 318.37)
XYZ
xyz(10.12, 8.35, 14.99)
CMYK
cmyk(7%, 33%, 0%, 58%)
CSS
color: #63486b;
CSS variable
--color-63486b: #63486b;
SCSS
$color-63486b: #63486b;
Tailwind
purple-600
Export
:root {
--#63486b-1: #63486b;
}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.