What does the color LightGray mean?

Grey

LightGray

#d3d3d3

#dcdcdc

#e5e5e5

#ededed

#f6f6f6

#c2c2c2

Meaning

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

History

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

Usage

Use LightGray (#d3d3d3) in CSS as color: lightgray; or as #d3d3d3.

Preview

LightGray

#d3d3d3

Overview

Family: Grey

Accessibility on this swatch:

AAA

(14.03:1)

Contrast vs white: 1.5:1 · vs black: 14.03:1

Formats

HEX

#d3d3d3

RGB

rgb(211, 211, 211)

RGBA

rgba(211, 211, 211, 1)

HSL

hsl(0, 0%, 83%)

HSV

hsv(0, 0%, 83%)

LAB

lab(84.56% 0 0)

LCH

lch(84.56% 0 180)

OKLAB

oklab(0.8669 0 0)

OKLCH

oklch(0.8669 0 0)

XYZ

xyz(61.91, 65.14, 70.93)

CMYK

cmyk(0%, 0%, 0%, 17%)

CSS

color: #d3d3d3;

CSS variable

--color-d3d3d3: #d3d3d3;

SCSS

$color-d3d3d3: #d3d3d3;

Tailwind

slate-100

Export

Developer code

:root {
  --lightgray-1: #d3d3d3;
}

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

#dcdcdc

#e5e5e5

#ededed

#f6f6f6

#c2c2c2

#b2b2b2

#a1a1a1

#919191

Similar colors

#dcdcdc

#c0c0c0

#f5f5f5

#faf0e6

#e6e6fa

#ffe4e1

#fff0f5

#f0f8ff

Browse more in the color name library.