Preview
#3b3c37
Family: Grey
Accessibility on this swatch:
Contrast vs white: 11.13:1 · vs black: 1.89:1
HEX
#3b3c37
RGB
rgb(59, 60, 55)
RGBA
rgba(59, 60, 55, 1)
HSL
hsl(72, 4%, 23%)
HSV
hsv(72, 8%, 24%)
LAB
lab(25.07% -1.53 2.94)
LCH
lch(25.07% 3.31 117.49)
OKLAB
oklab(0.3535 -0.0038 0.0077)
OKLCH
oklch(0.3535 0.0086 116.27)
XYZ
xyz(4.11, 4.44, 4.25)
CMYK
cmyk(2%, 0%, 8%, 76%)
CSS
color: #3b3c37;
CSS variable
--color-3b3c37: #3b3c37;
SCSS
$color-3b3c37: #3b3c37;
Tailwind
slate-700
Export
:root {
--#3b3c37-1: #3b3c37;
}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.