Preview
#3f424a
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 10.05:1 · vs black: 2.09:1
HEX
#3f424a
RGB
rgb(63, 66, 74)
RGBA
rgba(63, 66, 74, 1)
HSL
hsl(224, 8%, 27%)
HSV
hsv(224, 15%, 29%)
LAB
lab(27.97% 0.68 -5.26)
LCH
lch(27.97% 5.3 277.37)
OKLAB
oklab(0.3793 -0.0002 -0.0142)
OKLCH
oklch(0.3793 0.0142 269.19)
XYZ
xyz(5.23, 5.45, 7.25)
CMYK
cmyk(15%, 11%, 0%, 71%)
CSS
color: #3f424a;
CSS variable
--color-3f424a: #3f424a;
SCSS
$color-3f424a: #3f424a;
Tailwind
blue-700
Export
:root {
--#3f424a-1: #3f424a;
}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.