Material Grey 800

Preview

Material Grey 800

#424242

Overview

Family: Grey

material

Accessibility on this swatch:

AAA

(10.05:1)

Contrast vs white: 10.05:1 · vs black: 2.09:1

Formats

HEX

#424242

RGB

rgb(66, 66, 66)

RGBA

rgba(66, 66, 66, 1)

HSL

hsl(0, 0%, 26%)

HSV

hsv(0, 0%, 26%)

LAB

lab(27.97% 0 0)

LCH

lch(27.97% 0 180)

OKLAB

oklab(0.3791 0 0)

OKLCH

oklch(0.3791 0 0)

XYZ

xyz(5.18, 5.45, 5.93)

CMYK

cmyk(0%, 0%, 0%, 74%)

CSS

color: #424242;

CSS variable

--color-424242: #424242;

SCSS

$color-424242: #424242;

Tailwind

slate-700

Export

Developer code

:root {
  --material-grey-800-1: #424242;
}

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 800