# Gainsboro Color (#DCDCDC)

> Gainsboro is a CSS named color defined as hex code #DCDCDC.

- **URL**: https://swatchatlas.com/colors/gainsboro/
- **Language**: English (en)
- **CSS Name**: `gainsboro`
- **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**: #DCDCDC
- **RGB**: rgb(220, 220, 220)
- **HSL**: hsl(0, 0%, 86%)
- **HSV/HSB**: hsv(0, 0%, 86%)
- **CMYK**: cmyk(0%, 0%, 0%, 14%) (digital approximation, non-print)
- **OKLCH**: oklch(0.894 0.000 0.0)

## What Colors Go With Gainsboro
Contrast is each color on Gainsboro (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 15.31:1, text-safe. Strong, readable text on gainsboro.
- **Navy (#000080)**: 11.67:1, text-safe. A deep blue that gives readable text and a crisp contrast.
- **Dark Slate Gray (#2F4F4F)**: 6.51:1, text-safe. A dark neutral with a slight teal tint.
- **Dim Gray (#696969)**: 4:1, background or accent. A tonal dark gray for secondary text.
- **Coral (#FF7F50)**: 1.82:1, background or accent. A warm accent that livens up a neutral palette.
- **White (#FFFFFF)**: 1.37:1, background or accent. Clean cards and panels on a gainsboro background.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Gainsboro**: 15.31:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Gainsboro**: 1.37:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Gainsboro**: 11.25:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Gainsboro**: 4.19:1 (Passes AA for large text only)

## FAQ
### Can I use black text on Gainsboro?
Yes. Black text on Gainsboro has a WCAG 2.2 contrast ratio of 15.31:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

### Can I use white text on Gainsboro?
No. White text on Gainsboro has a WCAG 2.2 contrast ratio of only 1.37:1, below the 3:1 minimum even for large text.

### What colors go with Gainsboro?
Black, Navy, Dark Slate Gray, Dim Gray, Coral and White all go well with Gainsboro. Black (15.31:1), Navy (11.67:1) and Dark Slate Gray (6.51:1) have enough contrast for text on Gainsboro; Dim Gray, Coral and White work better as a background or accent.

### Is gainsboro lighter than light gray?
Yes. Gainsboro (#DCDCDC) has a lightness of 86%, against 83% for Light Gray (#D3D3D3).

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