Preview
#3e3c42
Family: Grey
Accessibility on this swatch:
Contrast vs white: 10.88:1 · vs black: 1.93:1
HEX
#3e3c42
RGB
rgb(62, 60, 66)
RGBA
rgba(62, 60, 66, 1)
HSL
hsl(260, 5%, 25%)
HSV
hsv(260, 9%, 26%)
LAB
lab(25.71% 2.23 -3.38)
LCH
lch(25.71% 4.05 303.42)
OKLAB
oklab(0.3604 0.0054 -0.009)
OKLCH
oklch(0.3604 0.0105 300.96)
XYZ
xyz(4.59, 4.65, 5.81)
CMYK
cmyk(6%, 9%, 0%, 74%)
CSS
color: #3e3c42;
CSS variable
--color-3e3c42: #3e3c42;
SCSS
$color-3e3c42: #3e3c42;
Tailwind
slate-700
Export
:root {
--#3e3c42-1: #3e3c42;
}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.