Preview
#686c6d
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.31:1 · vs black: 3.95:1
HEX
#686c6d
RGB
rgb(104, 108, 109)
RGBA
rgba(104, 108, 109, 1)
HSL
hsl(192, 2%, 42%)
HSV
hsv(192, 5%, 43%)
LAB
lab(45.32% -1.32 -1.09)
LCH
lch(45.32% 1.71 219.55)
OKLAB
oklab(0.5281 -0.0043 -0.0029)
OKLCH
oklch(0.5281 0.0052 214)
XYZ
xyz(13.83, 14.77, 16.59)
CMYK
cmyk(5%, 1%, 0%, 57%)
CSS
color: #686c6d;
CSS variable
--color-686c6d: #686c6d;
SCSS
$color-686c6d: #686c6d;
Tailwind
slate-500
Export
:root {
--#686c6d-1: #686c6d;
}Calm professionalism with cool neutrality. Excellent for dashboards and docs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue Grey family.