Preview
#6c6f70
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.07:1 · vs black: 4.15:1
HEX
#6c6f70
RGB
rgb(108, 111, 112)
RGBA
rgba(108, 111, 112, 1)
HSL
hsl(195, 2%, 43%)
HSV
hsv(195, 4%, 44%)
LAB
lab(46.61% -0.94 -0.96)
LCH
lch(46.61% 1.34 225.6)
OKLAB
oklab(0.5394 -0.0031 -0.0026)
OKLCH
oklch(0.5394 0.004 219.99)
XYZ
xyz(14.79, 15.73, 17.58)
CMYK
cmyk(4%, 1%, 0%, 56%)
CSS
color: #6c6f70;
CSS variable
--color-6c6f70: #6c6f70;
SCSS
$color-6c6f70: #6c6f70;
Tailwind
slate-500
Export
:root {
--#6c6f70-1: #6c6f70;
}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.