Preview
#3d4142
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 10.33:1 · vs black: 2.03:1
HEX
#3d4142
RGB
rgb(61, 65, 66)
RGBA
rgba(61, 65, 66, 1)
HSL
hsl(192, 4%, 25%)
HSV
hsv(192, 8%, 26%)
LAB
lab(27.2% -1.43 -1.18)
LCH
lch(27.2% 1.85 219.53)
OKLAB
oklab(0.3719 -0.0047 -0.0032)
OKLCH
oklch(0.3719 0.0057 214.25)
XYZ
xyz(4.80, 5.17, 5.90)
CMYK
cmyk(8%, 2%, 0%, 74%)
CSS
color: #3d4142;
CSS variable
--color-3d4142: #3d4142;
SCSS
$color-3d4142: #3d4142;
Tailwind
slate-700
Export
:root {
--#3d4142-1: #3d4142;
}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.