Preview
#323334
Family: Grey
Accessibility on this swatch:
Contrast vs white: 12.66:1 · vs black: 1.66:1
HEX
#323334
RGB
rgb(50, 51, 52)
RGBA
rgba(50, 51, 52, 1)
HSL
hsl(210, 2%, 20%)
HSV
hsv(210, 4%, 20%)
LAB
lab(21.18% -0.2 -0.78)
LCH
lch(21.18% 0.81 255.62)
OKLAB
oklab(0.3205 -0.0009 -0.0021)
OKLCH
oklch(0.3205 0.0023 246.8)
XYZ
xyz(3.12, 3.29, 3.72)
CMYK
cmyk(4%, 2%, 0%, 80%)
CSS
color: #323334;
CSS variable
--color-323334: #323334;
SCSS
$color-323334: #323334;
Tailwind
slate-800
Export
:root {
--#323334-1: #323334;
}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.