Preview
#3f484a
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 9.39:1 · vs black: 2.24:1
HEX
#3f484a
RGB
rgb(63, 72, 74)
RGBA
rgba(63, 72, 74, 1)
HSL
hsl(191, 8%, 27%)
HSV
hsv(191, 15%, 29%)
LAB
lab(29.88% -3.15 -2.43)
LCH
lch(29.88% 3.98 217.65)
OKLAB
oklab(0.3943 -0.0103 -0.0066)
OKLCH
oklch(0.3943 0.0122 212.65)
XYZ
xyz(5.60, 6.19, 7.38)
CMYK
cmyk(15%, 3%, 0%, 71%)
CSS
color: #3f484a;
CSS variable
--color-3f484a: #3f484a;
SCSS
$color-3f484a: #3f484a;
Tailwind
cyan-700
Export
:root {
--#3f484a-1: #3f484a;
}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.