Preview
#3f4449
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 9.84:1 · vs black: 2.13:1
HEX
#3f4449
RGB
rgb(63, 68, 73)
RGBA
rgba(63, 68, 73, 1)
HSL
hsl(210, 7%, 27%)
HSV
hsv(210, 14%, 29%)
LAB
lab(28.57% -0.86 -3.72)
LCH
lch(28.57% 3.82 256.98)
OKLAB
oklab(0.3839 -0.004 -0.01)
OKLCH
oklch(0.3839 0.0108 248.2)
XYZ
xyz(5.32, 5.67, 7.12)
CMYK
cmyk(14%, 7%, 0%, 71%)
CSS
color: #3f4449;
CSS variable
--color-3f4449: #3f4449;
SCSS
$color-3f4449: #3f4449;
Tailwind
slate-700
Export
:root {
--#3f4449-1: #3f4449;
}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.