Preview
#67696b
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.51:1 · vs black: 3.81:1
HEX
#67696b
RGB
rgb(103, 105, 107)
RGBA
rgba(103, 105, 107, 1)
HSL
hsl(210, 2%, 41%)
HSV
hsv(210, 4%, 42%)
LAB
lab(44.3% -0.35 -1.39)
LCH
lch(44.3% 1.43 255.87)
OKLAB
oklab(0.5197 -0.0015 -0.0037)
OKLCH
oklch(0.5197 0.004 247.93)
XYZ
xyz(13.30, 14.05, 15.92)
CMYK
cmyk(4%, 2%, 0%, 58%)
CSS
color: #67696b;
CSS variable
--color-67696b: #67696b;
SCSS
$color-67696b: #67696b;
Tailwind
slate-500
Export
:root {
--#67696b-1: #67696b;
}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.