Preview
#393a36
Family: Grey
Accessibility on this swatch:
Contrast vs white: 11.46:1 · vs black: 1.83:1
HEX
#393a36
RGB
rgb(57, 58, 54)
RGBA
rgba(57, 58, 54, 1)
HSL
hsl(75, 4%, 22%)
HSV
hsv(75, 7%, 23%)
LAB
lab(24.2% -1.32 2.34)
LCH
lch(24.2% 2.69 119.43)
OKLAB
oklab(0.3461 -0.0033 0.0061)
OKLCH
oklch(0.3461 0.0069 118.41)
XYZ
xyz(3.87, 4.16, 4.09)
CMYK
cmyk(2%, 0%, 7%, 77%)
CSS
color: #393a36;
CSS variable
--color-393a36: #393a36;
SCSS
$color-393a36: #393a36;
Tailwind
slate-700
Export
:root {
--#393a36-1: #393a36;
}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.