Preview
#6b7071
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.02:1 · vs black: 4.18:1
HEX
#6b7071
RGB
rgb(107, 112, 113)
RGBA
rgba(107, 112, 113, 1)
HSL
hsl(190, 3%, 43%)
HSV
hsv(190, 5%, 44%)
LAB
lab(46.85% -1.69 -1.21)
LCH
lch(46.85% 2.08 215.6)
OKLAB
oklab(0.5412 -0.0054 -0.0033)
OKLCH
oklch(0.5412 0.0063 211.43)
XYZ
xyz(14.84, 15.91, 17.91)
CMYK
cmyk(5%, 1%, 0%, 56%)
CSS
color: #6b7071;
CSS variable
--color-6b7071: #6b7071;
SCSS
$color-6b7071: #6b7071;
Tailwind
slate-500
Export
:root {
--#6b7071-1: #6b7071;
}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.