Preview
#393c38
Family: Grey
Accessibility on this swatch:
Contrast vs white: 11.19:1 · vs black: 1.88:1
HEX
#393c38
RGB
rgb(57, 60, 56)
RGBA
rgba(57, 60, 56, 1)
HSL
hsl(105, 3%, 23%)
HSV
hsv(105, 7%, 24%)
LAB
lab(24.91% -2.18 2.03)
LCH
lch(24.91% 2.98 137.04)
OKLAB
oklab(0.3519 -0.0059 0.0053)
OKLCH
oklch(0.3519 0.0079 138.07)
XYZ
xyz(4.02, 4.39, 4.38)
CMYK
cmyk(5%, 0%, 7%, 76%)
CSS
color: #393c38;
CSS variable
--color-393c38: #393c38;
SCSS
$color-393c38: #393c38;
Tailwind
slate-700
Export
:root {
--#393c38-1: #393c38;
}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.