What does the color Gray mean?

Grey

Gray

#808080

#999999

#b3b3b3

#cccccc

#e6e6e6

#808080

Meaning

Neutrality, balance, and modernity. Essential for UI chrome, typography, and systems.

History

Gray is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Gray (#808080) in CSS as color: gray; or as #808080.

Preview

Gray

#808080

Overview

Family: Grey

Accessibility on this swatch:

(5.32:1)

Contrast vs white: 3.95:1 · vs black: 5.32:1

Formats

HEX

#808080

RGB

rgb(128, 128, 128)

RGBA

rgba(128, 128, 128, 1)

HSL

hsl(0, 0%, 50%)

HSV

hsv(0, 0%, 50%)

LAB

lab(53.59% 0 0)

LCH

lch(53.59% 0 180)

OKLAB

oklab(0.5999 0 0)

OKLCH

oklch(0.5999 0 0)

XYZ

xyz(20.52, 21.59, 23.50)

CMYK

cmyk(0%, 0%, 0%, 50%)

CSS

color: #808080;

CSS variable

--color-808080: #808080;

SCSS

$color-808080: #808080;

Tailwind

slate-500

Export

Developer code

:root {
  --gray-1: #808080;
}

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.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#999999

#b3b3b3

#cccccc

#e6e6e6

#808080

Similar colors

#696969

#708090

#778899

#a9a9a9

#bc8f8f

#3a7478

#376c77

#3b7a87

Browse more in the color name library.