Preview
#6f7172
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.91:1 · vs black: 4.28:1
HEX
#6f7172
RGB
rgb(111, 113, 114)
RGBA
rgba(111, 113, 114, 1)
HSL
hsl(200, 1%, 44%)
HSV
hsv(200, 3%, 45%)
LAB
lab(47.5% -0.56 -0.82)
LCH
lch(47.5% 0.99 235.67)
OKLAB
oklab(0.5472 -0.0019 -0.0022)
OKLCH
oklch(0.5472 0.0029 229.18)
XYZ
xyz(15.50, 16.40, 18.27)
CMYK
cmyk(3%, 1%, 0%, 55%)
CSS
color: #6f7172;
CSS variable
--color-6f7172: #6f7172;
SCSS
$color-6f7172: #6f7172;
Tailwind
slate-500
Export
:root {
--#6f7172-1: #6f7172;
}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.