Preview
#676f7b
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.08:1 · vs black: 4.14:1
HEX
#676f7b
RGB
rgb(103, 111, 123)
RGBA
rgba(103, 111, 123, 1)
HSL
hsl(216, 9%, 44%)
HSV
hsv(216, 16%, 48%)
LAB
lab(46.55% -0.32 -7.66)
LCH
lch(46.55% 7.67 267.61)
OKLAB
oklab(0.5391 -0.0043 -0.0207)
OKLCH
oklch(0.5391 0.0211 258.26)
XYZ
xyz(14.85, 15.68, 20.98)
CMYK
cmyk(16%, 10%, 0%, 52%)
CSS
color: #676f7b;
CSS variable
--color-676f7b: #676f7b;
SCSS
$color-676f7b: #676f7b;
Tailwind
sky-500
Export
:root {
--#676f7b-1: #676f7b;
}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.