Black

Power, elegance, and authority — black remains the ultimate statement.

Shades 11

Base #000000

RGB 0, 0, 0

100

200

300

400

500

600

700

800

All Black Shades

Click any shade to copy the hex code instantly.

Usage in Code

CSS Variables

:root {
  --black-50: #f5f5f5;
  --black-100: #e5e5e5;
  --black-200: #cccccc;
  --black-300: #999999;
  --black-400: #666666;
  --black-500: #333333;
  --black-600: #262626;
  --black-700: #1a1a1a;
  --black-800: #111111;
  --black-900: #080808;
  --black-950: #000000;
}

Tailwind Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        black: {
          50: '#f5f5f5',
          100: '#e5e5e5',
          200: '#cccccc',
          300: '#999999',
          400: '#666666',
          500: '#333333',
          600: '#262626',
          700: '#1a1a1a',
          800: '#111111',
          900: '#080808',
          950: '#000000',
        },
      },
    },
  },
};

SCSS Map

$black-palette: (
  50: #f5f5f5,
  100: #e5e5e5,
  200: #cccccc,
  300: #999999,
  400: #666666,
  500: #333333,
  600: #262626,
  700: #1a1a1a,
  800: #111111,
  900: #080808,
  950: #000000,
);