Preview
#6b767d
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.65:1 · vs black: 4.51:1
HEX
#6b767d
RGB
rgb(107, 118, 125)
RGBA
rgba(107, 118, 125, 1)
HSL
hsl(203, 8%, 45%)
HSV
hsv(203, 14%, 49%)
LAB
lab(48.96% -2.54 -5.24)
LCH
lch(48.96% 5.82 244.14)
OKLAB
oklab(0.559 -0.0097 -0.0141)
OKLCH
oklch(0.559 0.0171 235.47)
XYZ
xyz(16.24, 17.56, 21.93)
CMYK
cmyk(14%, 6%, 0%, 51%)
CSS
color: #6b767d;
CSS variable
--color-6b767d: #6b767d;
SCSS
$color-6b767d: #6b767d;
Tailwind
sky-500
Export
:root {
--#6b767d-1: #6b767d;
}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.