Preview
#3e4043
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 10.4:1 · vs black: 2.02:1
HEX
#3e4043
RGB
rgb(62, 64, 67)
RGBA
rgba(62, 64, 67, 1)
HSL
hsl(216, 4%, 25%)
HSV
hsv(216, 7%, 26%)
LAB
lab(27.01% -0.14 -2.12)
LCH
lch(27.01% 2.12 266.22)
OKLAB
oklab(0.3707 -0.0012 -0.0057)
OKLCH
oklch(0.3707 0.0058 258.11)
XYZ
xyz(4.83, 5.10, 6.04)
CMYK
cmyk(7%, 4%, 0%, 74%)
CSS
color: #3e4043;
CSS variable
--color-3e4043: #3e4043;
SCSS
$color-3e4043: #3e4043;
Tailwind
slate-700
Export
:root {
--#3e4043-1: #3e4043;
}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.