Preview
#212021
Family: Grey
Accessibility on this swatch:
Contrast vs white: 16.24:1 · vs black: 1.29:1
HEX
#212021
RGB
rgb(33, 32, 33)
RGBA
rgba(33, 32, 33, 1)
HSL
hsl(300, 2%, 13%)
HSV
hsv(300, 3%, 13%)
LAB
lab(12.39% 0.72 -0.51)
LCH
lch(12.39% 0.88 324.69)
OKLAB
oklab(0.245 0.002 -0.0013)
OKLCH
oklch(0.245 0.0024 326.98)
XYZ
xyz(1.42, 1.47, 1.65)
CMYK
cmyk(0%, 3%, 0%, 87%)
CSS
color: #212021;
CSS variable
--color-212021: #212021;
SCSS
$color-212021: #212021;
Tailwind
slate-800
Export
:root {
--#212021-1: #212021;
}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.