Preview
#686c72
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.28:1 · vs black: 3.98:1
HEX
#686c72
RGB
rgb(104, 108, 114)
RGBA
rgba(104, 108, 114, 1)
HSL
hsl(216, 5%, 43%)
HSV
hsv(216, 9%, 45%)
LAB
lab(45.47% -0.24 -3.87)
LCH
lch(45.47% 3.88 266.45)
OKLAB
oklab(0.5298 -0.0021 -0.0104)
OKLCH
oklch(0.5298 0.0106 258.58)
XYZ
xyz(14.11, 14.88, 18.05)
CMYK
cmyk(9%, 5%, 0%, 55%)
CSS
color: #686c72;
CSS variable
--color-686c72: #686c72;
SCSS
$color-686c72: #686c72;
Tailwind
slate-500
Export
:root {
--#686c72-1: #686c72;
}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.