Preview
#6a6c6d
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.28:1 · vs black: 3.98:1
HEX
#6a6c6d
RGB
rgb(106, 108, 109)
RGBA
rgba(106, 108, 109, 1)
HSL
hsl(200, 1%, 42%)
HSV
hsv(200, 3%, 43%)
LAB
lab(45.49% -0.56 -0.83)
LCH
lch(45.49% 1 235.99)
OKLAB
oklab(0.5299 -0.0019 -0.0022)
OKLCH
oklch(0.5299 0.0029 229.18)
XYZ
xyz(14.07, 14.89, 16.60)
CMYK
cmyk(3%, 1%, 0%, 57%)
CSS
color: #6a6c6d;
CSS variable
--color-6a6c6d: #6a6c6d;
SCSS
$color-6a6c6d: #6a6c6d;
Tailwind
slate-500
Export
:root {
--#6a6c6d-1: #6a6c6d;
}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.