Preview
#6a6f70
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.1:1 · vs black: 4.12:1
HEX
#6a6f70
RGB
rgb(106, 111, 112)
RGBA
rgba(106, 111, 112, 1)
HSL
hsl(190, 3%, 43%)
HSV
hsv(190, 5%, 44%)
LAB
lab(46.45% -1.69 -1.22)
LCH
lch(46.45% 2.08 215.83)
OKLAB
oklab(0.5377 -0.0054 -0.0033)
OKLCH
oklch(0.5377 0.0063 211.43)
XYZ
xyz(14.55, 15.60, 17.57)
CMYK
cmyk(5%, 1%, 0%, 56%)
CSS
color: #6a6f70;
CSS variable
--color-6a6f70: #6a6f70;
SCSS
$color-6a6f70: #6a6f70;
Tailwind
slate-500
Export
:root {
--#6a6f70-1: #6a6f70;
}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.