Preview
#687376
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.88:1 · vs black: 4.3:1
HEX
#687376
RGB
rgb(104, 115, 118)
RGBA
rgba(104, 115, 118, 1)
HSL
hsl(193, 6%, 44%)
HSV
hsv(193, 12%, 46%)
LAB
lab(47.64% -3.45 -3.06)
LCH
lch(47.64% 4.61 221.57)
OKLAB
oklab(0.5473 -0.0114 -0.0083)
OKLCH
oklch(0.5473 0.0141 216.06)
XYZ
xyz(15.11, 16.51, 19.53)
CMYK
cmyk(12%, 3%, 0%, 54%)
CSS
color: #687376;
CSS variable
--color-687376: #687376;
SCSS
$color-687376: #687376;
Tailwind
slate-500
Export
:root {
--#687376-1: #687376;
}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.