Preview
#3e3e47
Family: Grey
Accessibility on this swatch:
Contrast vs white: 10.58:1 · vs black: 1.98:1
HEX
#3e3e47
RGB
rgb(62, 62, 71)
RGBA
rgba(62, 62, 71, 1)
HSL
hsl(240, 7%, 26%)
HSV
hsv(240, 13%, 28%)
LAB
lab(26.52% 2.14 -5.48)
LCH
lch(26.52% 5.88 291.33)
OKLAB
oklab(0.3673 0.0041 -0.0148)
OKLCH
oklch(0.3673 0.0154 285.48)
XYZ
xyz(4.85, 4.92, 6.66)
CMYK
cmyk(13%, 13%, 0%, 72%)
CSS
color: #3e3e47;
CSS variable
--color-3e3e47: #3e3e47;
SCSS
$color-3e3e47: #3e3e47;
Tailwind
slate-700
Export
:root {
--#3e3e47-1: #3e3e47;
}Neutrality, balance, and modernity. Essential for UI chrome, typography, and systems.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Grey family.