Preview
#3b3a3f
Family: Grey
Accessibility on this swatch:
Contrast vs white: 11.27:1 · vs black: 1.86:1
HEX
#3b3a3f
RGB
rgb(59, 58, 63)
RGBA
rgba(59, 58, 63, 1)
HSL
hsl(252, 4%, 24%)
HSV
hsv(252, 8%, 25%)
LAB
lab(24.69% 1.59 -2.93)
LCH
lch(24.69% 3.33 298.49)
OKLAB
oklab(0.3513 0.0037 -0.0078)
OKLCH
oklch(0.3513 0.0086 295.38)
XYZ
xyz(4.21, 4.31, 5.31)
CMYK
cmyk(6%, 8%, 0%, 75%)
CSS
color: #3b3a3f;
CSS variable
--color-3b3a3f: #3b3a3f;
SCSS
$color-3b3a3f: #3b3a3f;
Tailwind
slate-700
Export
:root {
--#3b3a3f-1: #3b3a3f;
}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.