Preview
#393834
Family: Grey
Accessibility on this swatch:
Contrast vs white: 11.74:1 · vs black: 1.79:1
HEX
#393834
RGB
rgb(57, 56, 52)
RGBA
rgba(57, 56, 52, 1)
HSL
hsl(48, 5%, 21%)
HSV
hsv(48, 9%, 22%)
LAB
lab(23.49% -0.45 2.65)
LCH
lch(23.49% 2.69 99.64)
OKLAB
oklab(0.3403 -0.0006 0.007)
OKLCH
oklch(0.3403 0.007 94.9)
XYZ
xyz(3.72, 3.95, 3.81)
CMYK
cmyk(0%, 2%, 9%, 78%)
CSS
color: #393834;
CSS variable
--color-393834: #393834;
SCSS
$color-393834: #393834;
Tailwind
slate-700
Export
:root {
--#393834-1: #393834;
}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.