Preview
#67696e
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.49:1 · vs black: 3.82:1
HEX
#67696e
RGB
rgb(103, 105, 110)
RGBA
rgba(103, 105, 110, 1)
HSL
hsl(223, 3%, 42%)
HSV
hsv(223, 6%, 43%)
LAB
lab(44.39% 0.29 -3.07)
LCH
lch(44.39% 3.08 275.4)
OKLAB
oklab(0.5207 -0.0002 -0.0082)
OKLCH
oklch(0.5207 0.0082 268.6)
XYZ
xyz(13.46, 14.11, 16.76)
CMYK
cmyk(6%, 5%, 0%, 57%)
CSS
color: #67696e;
CSS variable
--color-67696e: #67696e;
SCSS
$color-67696e: #67696e;
Tailwind
slate-500
Export
:root {
--#67696e-1: #67696e;
}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.