Preview
#6c6e70
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.12:1 · vs black: 4.1:1
HEX
#6c6e70
RGB
rgb(108, 110, 112)
RGBA
rgba(108, 110, 112, 1)
HSL
hsl(210, 2%, 43%)
HSV
hsv(210, 4%, 44%)
LAB
lab(46.32% -0.35 -1.38)
LCH
lch(46.32% 1.42 255.77)
OKLAB
oklab(0.5371 -0.0015 -0.0037)
OKLCH
oklch(0.5371 0.004 247.93)
XYZ
xyz(14.68, 15.51, 17.55)
CMYK
cmyk(4%, 2%, 0%, 56%)
CSS
color: #6c6e70;
CSS variable
--color-6c6e70: #6c6e70;
SCSS
$color-6c6e70: #6c6e70;
Tailwind
slate-500
Export
:root {
--#6c6e70-1: #6c6e70;
}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.