Preview
#676e76
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.16:1 · vs black: 4.07:1
HEX
#676e76
RGB
rgb(103, 110, 118)
RGBA
rgba(103, 110, 118, 1)
HSL
hsl(212, 7%, 43%)
HSV
hsv(212, 13%, 46%)
LAB
lab(46.1% -0.89 -5.35)
LCH
lch(46.1% 5.42 260.56)
OKLAB
oklab(0.535 -0.0048 -0.0144)
OKLCH
oklch(0.535 0.0152 251.57)
XYZ
xyz(14.44, 15.34, 19.34)
CMYK
cmyk(13%, 7%, 0%, 54%)
CSS
color: #676e76;
CSS variable
--color-676e76: #676e76;
SCSS
$color-676e76: #676e76;
Tailwind
slate-500
Export
:root {
--#676e76-1: #676e76;
}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.