Preview
#68696b
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.5:1 · vs black: 3.82:1
HEX
#68696b
RGB
rgb(104, 105, 107)
RGBA
rgba(104, 105, 107, 1)
HSL
hsl(220, 1%, 41%)
HSV
hsv(220, 3%, 42%)
LAB
lab(44.39% 0.03 -1.26)
LCH
lch(44.39% 1.26 271.36)
OKLAB
oklab(0.5206 -0.0003 -0.0033)
OKLCH
oklch(0.5206 0.0033 264.81)
XYZ
xyz(13.41, 14.11, 15.92)
CMYK
cmyk(3%, 2%, 0%, 58%)
CSS
color: #68696b;
CSS variable
--color-68696b: #68696b;
SCSS
$color-68696b: #68696b;
Tailwind
slate-500
Export
:root {
--#68696b-1: #68696b;
}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.