# Dim Gray Color (#696969)

> Dim Gray is a CSS named color defined as hex code #696969.

- **URL**: https://swatchatlas.com/colors/dim-gray/
- **Language**: English (en)
- **CSS Name**: `dimgray`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #696969
- **RGB**: rgb(105, 105, 105)
- **HSL**: hsl(0, 0%, 41%)
- **HSV/HSB**: hsv(0, 0%, 41%)
- **CMYK**: cmyk(0%, 0%, 0%, 59%) (digital approximation, non-print)
- **OKLCH**: oklch(0.521 0.000 0.0)

## What Colors Go With Dim Gray
Contrast is each color on Dim Gray (WCAG 2.2); 4.5:1 or above is text-safe.
- **White (#FFFFFF)**: 5.49:1, text-safe. The natural text color on dim gray.
- **Ivory (#FFFFF0)**: 5.44:1, text-safe. A softer, warmer alternative to white text.
- **White Smoke (#F5F5F5)**: 5.04:1, text-safe. A soft off-white for backgrounds and text.
- **Gold (#FFD700)**: 3.91:1, background or accent. A warm accent that lifts a gray palette.
- **Light Gray (#D3D3D3)**: 3.67:1, background or accent. A tonal light gray for dividers and secondary text.
- **Sky Blue (#87CEEB)**: 3.15:1, background or accent. A cool, airy accent for links and highlights.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Dim Gray**: 3.83:1 (Passes AA for large text only)
- **Pure White (#FFFFFF) text on Dim Gray**: 5.49:1 (Passes AA for all text; AAA for large text only)
- **Dark Charcoal (#212529) text on Dim Gray**: 2.81:1 (Fails AA and AAA)
- **Mid Gray (#666666) text on Dim Gray**: 1.05:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Dim Gray?
Only for large text. Black text on Dim Gray has a WCAG 2.2 contrast ratio of 3.83:1: enough for large text (3:1) but below the 4.5:1 needed for body text.

### Can I use white text on Dim Gray?
Yes. White text on Dim Gray has a WCAG 2.2 contrast ratio of 5.49:1, which passes AA (4.5:1) for all text sizes but not the stricter AAA level (7:1) for body text.

### What colors go with Dim Gray?
White, Ivory, White Smoke, Gold, Light Gray and Sky Blue all go well with Dim Gray. White (5.49:1), Ivory (5.44:1) and White Smoke (5.04:1) have enough contrast for text on Dim Gray; Gold, Light Gray and Sky Blue work better as a background or accent.

### Is dim gray darker than gray?
Yes. Dim Gray (#696969) has a lightness of 41%, while CSS Gray (#808080) has 50%.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/dim-gray-1920x1080.png