Preview
#6b7479
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.77:1 · vs black: 4.4:1
HEX
#6b7479
RGB
rgb(107, 116, 121)
RGBA
rgba(107, 116, 121, 1)
HSL
hsl(201, 6%, 45%)
HSV
hsv(201, 12%, 47%)
LAB
lab(48.26% -2.28 -3.91)
LCH
lch(48.26% 4.53 239.75)
OKLAB
oklab(0.553 -0.0083 -0.0105)
OKLCH
oklch(0.553 0.0134 231.67)
XYZ
xyz(15.76, 17.00, 20.54)
CMYK
cmyk(12%, 4%, 0%, 53%)
CSS
color: #6b7479;
CSS variable
--color-6b7479: #6b7479;
SCSS
$color-6b7479: #6b7479;
Tailwind
slate-500
Export
:root {
--#6b7479-1: #6b7479;
}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.