Preview
#393a3a
Family: Grey
Accessibility on this swatch:
Contrast vs white: 11.41:1 · vs black: 1.84:1
HEX
#393a3a
RGB
rgb(57, 58, 58)
RGBA
rgba(57, 58, 58, 1)
HSL
hsl(180, 1%, 23%)
HSV
hsv(180, 2%, 23%)
LAB
lab(24.33% -0.43 -0.15)
LCH
lch(24.33% 0.46 199.23)
OKLAB
oklab(0.3475 -0.0013 -0.0004)
OKLCH
oklch(0.3475 0.0014 197.1)
XYZ
xyz(3.96, 4.20, 4.60)
CMYK
cmyk(2%, 0%, 0%, 77%)
CSS
color: #393a3a;
CSS variable
--color-393a3a: #393a3a;
SCSS
$color-393a3a: #393a3a;
Tailwind
slate-700
Export
:root {
--#393a3a-1: #393a3a;
}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.