Preview
#3a3b34
Family: Grey
Accessibility on this swatch:
Contrast vs white: 11.32:1 · vs black: 1.86:1
HEX
#3a3b34
RGB
rgb(58, 59, 52)
RGBA
rgba(58, 59, 52, 1)
HSL
hsl(69, 6%, 22%)
HSV
hsv(69, 12%, 23%)
LAB
lab(24.56% -1.96 4.2)
LCH
lch(24.56% 4.63 115.02)
OKLAB
oklab(0.349 -0.0048 0.0109)
OKLCH
oklch(0.349 0.0119 113.77)
XYZ
xyz(3.93, 4.28, 3.87)
CMYK
cmyk(2%, 0%, 12%, 77%)
CSS
color: #3a3b34;
CSS variable
--color-3a3b34: #3a3b34;
SCSS
$color-3a3b34: #3a3b34;
Tailwind
slate-700
Export
:root {
--#3a3b34-1: #3a3b34;
}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.