Preview
#6b7174
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.95:1 · vs black: 4.24:1
HEX
#6b7174
RGB
rgb(107, 113, 116)
RGBA
rgba(107, 113, 116, 1)
HSL
hsl(200, 4%, 44%)
HSV
hsv(200, 8%, 45%)
LAB
lab(47.23% -1.63 -2.45)
LCH
lch(47.23% 2.94 236.36)
OKLAB
oklab(0.5445 -0.0057 -0.0066)
OKLCH
oklch(0.5445 0.0087 229.18)
XYZ
xyz(15.12, 16.20, 18.85)
CMYK
cmyk(8%, 3%, 0%, 55%)
CSS
color: #6b7174;
CSS variable
--color-6b7174: #6b7174;
SCSS
$color-6b7174: #6b7174;
Tailwind
slate-500
Export
:root {
--#6b7174-1: #6b7174;
}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.