Preview
#6a3880
Family: Purple
Accessibility on this swatch:
Contrast vs white: 8.43:1 · vs black: 2.49:1
HEX
#6a3880
RGB
rgb(106, 56, 128)
RGBA
rgba(106, 56, 128, 1)
HSL
hsl(282, 39%, 36%)
HSV
hsv(282, 56%, 50%)
LAB
lab(32.81% 35.12 -31.87)
LCH
lch(32.81% 47.42 317.78)
OKLAB
oklab(0.4356 0.0874 -0.089)
OKLCH
oklch(0.4356 0.1247 314.48)
XYZ
xyz(11.25, 7.45, 21.26)
CMYK
cmyk(17%, 56%, 0%, 50%)
CSS
color: #6a3880;
CSS variable
--color-6a3880: #6a3880;
SCSS
$color-6a3880: #6a3880;
Tailwind
purple-600
Export
:root {
--#6a3880-1: #6a3880;
}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.