Preview
#686073
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 5.98:1 · vs black: 3.51:1
HEX
#686073
RGB
rgb(104, 96, 115)
RGBA
rgba(104, 96, 115, 1)
HSL
hsl(265, 9%, 41%)
HSV
hsv(265, 17%, 45%)
LAB
lab(42.07% 7.21 -9.55)
LCH
lch(42.07% 11.97 307.05)
OKLAB
oklab(0.5034 0.0176 -0.0258)
OKLCH
oklch(0.5034 0.0312 304.3)
XYZ
xyz(12.99, 12.55, 17.95)
CMYK
cmyk(10%, 17%, 0%, 55%)
CSS
color: #686073;
CSS variable
--color-686073: #686073;
SCSS
$color-686073: #686073;
Tailwind
violet-500
Export
:root {
--#686073-1: #686073;
}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.