Preview
#7b1ebe
Family: Purple
Accessibility on this swatch:
Contrast vs white: 7.58:1 · vs black: 2.77:1
HEX
#7b1ebe
RGB
rgb(123, 30, 190)
RGBA
rgba(123, 30, 190, 1)
HSL
hsl(275, 73%, 43%)
HSV
hsv(275, 84%, 75%)
LAB
lab(35.71% 63.85 -64.6)
LCH
lch(35.71% 90.83 314.67)
OKLAB
oklab(0.4752 0.1286 -0.1843)
OKLCH
oklch(0.4752 0.2247 304.91)
XYZ
xyz(17.92, 8.86, 49.47)
CMYK
cmyk(35%, 84%, 0%, 25%)
CSS
color: #7b1ebe;
CSS variable
--color-7b1ebe: #7b1ebe;
SCSS
$color-7b1ebe: #7b1ebe;
Tailwind
violet-500
Export
:root {
--#7b1ebe-1: #7b1ebe;
}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.