Preview
#746b83
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 5.03:1 · vs black: 4.17:1
HEX
#746b83
RGB
rgb(116, 107, 131)
RGBA
rgba(116, 107, 131, 1)
HSL
hsl(263, 10%, 47%)
HSV
hsv(263, 18%, 51%)
LAB
lab(46.8% 8.55 -11.96)
LCH
lch(46.8% 14.7 305.56)
OKLAB
oklab(0.5446 0.0204 -0.0324)
OKLCH
oklch(0.5446 0.0383 302.2)
XYZ
xyz(16.56, 15.87, 23.66)
CMYK
cmyk(11%, 18%, 0%, 49%)
CSS
color: #746b83;
CSS variable
--color-746b83: #746b83;
SCSS
$color-746b83: #746b83;
Tailwind
violet-500
Export
:root {
--#746b83-1: #746b83;
}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.