Preview
#682b8e
Family: Purple
Accessibility on this swatch:
Contrast vs white: 9.03:1 · vs black: 2.32:1
HEX
#682b8e
RGB
rgb(104, 43, 142)
RGBA
rgba(104, 43, 142, 1)
HSL
hsl(277, 54%, 36%)
HSV
hsv(277, 70%, 56%)
LAB
lab(30.94% 44.66 -43.57)
LCH
lch(30.94% 62.39 315.71)
OKLAB
oklab(0.4242 0.1014 -0.1232)
OKLCH
oklch(0.4242 0.1596 309.46)
XYZ
xyz(11.45, 6.62, 26.26)
CMYK
cmyk(27%, 70%, 0%, 44%)
CSS
color: #682b8e;
CSS variable
--color-682b8e: #682b8e;
SCSS
$color-682b8e: #682b8e;
Tailwind
violet-600
Export
:root {
--#682b8e-1: #682b8e;
}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.