Preview
#754bb5
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 6.12:1 · vs black: 3.43:1
HEX
#754bb5
RGB
rgb(117, 75, 181)
RGBA
rgba(117, 75, 181, 1)
HSL
hsl(264, 42%, 50%)
HSV
hsv(264, 59%, 71%)
LAB
lab(41.45% 40.5 -50.02)
LCH
lch(41.45% 64.36 309)
OKLAB
oklab(0.5125 0.0781 -0.1419)
OKLCH
oklch(0.5125 0.162 298.83)
XYZ
xyz(18.19, 12.15, 45.09)
CMYK
cmyk(35%, 59%, 0%, 29%)
CSS
color: #754bb5;
CSS variable
--color-754bb5: #754bb5;
SCSS
$color-754bb5: #754bb5;
Tailwind
violet-500
Export
:root {
--#754bb5-1: #754bb5;
}Mystery, ambition, and creativity. Strong for artistic and spiritual associations.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Purple family.