Preview
#6c757d
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.69:1 · vs black: 4.48:1
HEX
#6c757d
RGB
rgb(108, 117, 125)
RGBA
rgba(108, 117, 125, 1)
HSL
hsl(208, 7%, 46%)
HSV
hsv(208, 14%, 49%)
LAB
lab(48.75% -1.6 -5.54)
LCH
lch(48.75% 5.77 253.89)
OKLAB
oklab(0.5575 -0.007 -0.0149)
OKLCH
oklch(0.5575 0.0165 244.84)
XYZ
xyz(16.25, 17.39, 21.90)
CMYK
cmyk(14%, 6%, 0%, 51%)
CSS
color: #6c757d;
CSS variable
--color-6c757d: #6c757d;
SCSS
$color-6c757d: #6c757d;
Tailwind
slate-500
Export
:root {
--bootstrap-secondary-1: #6c757d;
}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.