Preview
#686374
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 5.79:1 · vs black: 3.63:1
HEX
#686374
RGB
rgb(104, 99, 116)
RGBA
rgba(104, 99, 116, 1)
HSL
hsl(258, 8%, 42%)
HSV
hsv(258, 15%, 45%)
LAB
lab(42.95% 5.61 -8.83)
LCH
lch(42.95% 10.46 302.43)
OKLAB
oklab(0.5103 0.0131 -0.0238)
OKLCH
oklch(0.5103 0.0272 298.83)
XYZ
xyz(13.32, 13.13, 18.35)
CMYK
cmyk(10%, 15%, 0%, 55%)
CSS
color: #686374;
CSS variable
--color-686374: #686374;
SCSS
$color-686374: #686374;
Tailwind
indigo-500
Export
:root {
--#686374-1: #686374;
}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.