What does the color DimGray mean?

Grey

DimGray

#696969

#878787

#a5a5a5

#c3c3c3

#e1e1e1

#6e6e6e

Meaning

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

History

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

Usage

Use DimGray (#696969) in CSS as color: dimgray; or as #696969.

Preview

DimGray

#696969

Overview

Family: Grey

Accessibility on this swatch:

(5.49:1)

Contrast vs white: 5.49:1 · vs black: 3.83:1

Formats

HEX

#696969

RGB

rgb(105, 105, 105)

RGBA

rgba(105, 105, 105, 1)

HSL

hsl(0, 0%, 41%)

HSV

hsv(0, 0%, 41%)

LAB

lab(44.41% 0 0)

LCH

lch(44.41% 0 180)

OKLAB

oklab(0.5208 0 0)

OKLCH

oklch(0.5208 0 0)

XYZ

xyz(13.43, 14.13, 15.38)

CMYK

cmyk(0%, 0%, 0%, 59%)

CSS

color: #696969;

CSS variable

--color-696969: #696969;

SCSS

$color-696969: #696969;

Tailwind

slate-500

Export

Developer code

:root {
  --dimgray-1: #696969;
}

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

#878787

#a5a5a5

#c3c3c3

#e1e1e1

#6e6e6e

#727272

#777777

#7b7b7b

Similar colors

#808080

#708090

#778899

#315e68

#2f4f4f

#376c77

#3a7478

#326476

Browse more in the color name library.