Preview
#868f94
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.3:1 · vs black: 6.37:1
HEX
#868f94
RGB
rgb(134, 143, 148)
RGBA
rgba(134, 143, 148, 1)
HSL
hsl(201, 6%, 55%)
HSV
hsv(201, 9%, 58%)
LAB
lab(58.84% -2.22 -3.77)
LCH
lch(58.84% 4.38 239.51)
OKLAB
oklab(0.6443 -0.008 -0.0101)
OKLCH
oklch(0.6443 0.0129 231.62)
XYZ
xyz(25.00, 26.85, 31.88)
CMYK
cmyk(9%, 3%, 0%, 42%)
CSS
color: #868f94;
CSS variable
--color-868f94: #868f94;
SCSS
$color-868f94: #868f94;
Tailwind
slate-400
Export
:root {
--#868f94-1: #868f94;
}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.