Preview
#322d30
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.52:1 · vs black: 1.55:1
HEX
#322d30
RGB
rgb(50, 45, 48)
RGBA
rgba(50, 45, 48, 1)
HSL
hsl(324, 5%, 19%)
HSV
hsv(324, 10%, 20%)
LAB
lab(19.09% 2.93 -1.11)
LCH
lch(19.09% 3.13 339.25)
OKLAB
oklab(0.3036 0.0084 -0.0029)
OKLCH
oklch(0.3036 0.0089 340.95)
XYZ
xyz(2.79, 2.77, 3.18)
CMYK
cmyk(0%, 10%, 4%, 80%)
CSS
color: #322d30;
CSS variable
--color-322d30: #322d30;
SCSS
$color-322d30: #322d30;
Tailwind
slate-800
Export
:root {
--#322d30-1: #322d30;
}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.