Preview
#687276
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.93:1 · vs black: 4.26:1
HEX
#687276
RGB
rgb(104, 114, 118)
RGBA
rgba(104, 114, 118, 1)
HSL
hsl(197, 6%, 44%)
HSV
hsv(197, 12%, 46%)
LAB
lab(47.35% -2.87 -3.49)
LCH
lch(47.35% 4.52 230.57)
OKLAB
oklab(0.545 -0.0099 -0.0094)
OKLCH
oklch(0.545 0.0137 223.52)
XYZ
xyz(15.00, 16.29, 19.49)
CMYK
cmyk(12%, 3%, 0%, 54%)
CSS
color: #687276;
CSS variable
--color-687276: #687276;
SCSS
$color-687276: #687276;
Tailwind
slate-500
Export
:root {
--#687276-1: #687276;
}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.