Material Grey 900

Preview

Material Grey 900

#212121

Overview

Family: Grey

material

Accessibility on this swatch:

AAA

(16.1:1)

Contrast vs white: 16.1:1 · vs black: 1.3:1

Formats

HEX

#212121

RGB

rgb(33, 33, 33)

RGBA

rgba(33, 33, 33, 1)

HSL

hsl(0, 0%, 13%)

HSV

hsv(0, 0%, 13%)

LAB

lab(12.74% 0 0)

LCH

lch(12.74% 0 180)

OKLAB

oklab(0.2478 0 0)

OKLCH

oklch(0.2478 0 0)

XYZ

xyz(1.45, 1.52, 1.66)

CMYK

cmyk(0%, 0%, 0%, 87%)

CSS

color: #212121;

CSS variable

--color-212121: #212121;

SCSS

$color-212121: #212121;

Tailwind

slate-800

Export

Developer code

:root {
  --material-grey-900-1: #212121;
}

Color psychology

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.

Material Grey 900