neutralneutralCSS named color

Gainsboro #DCDCDC

Gainsboro is a light, desaturated gray color with a neutral cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Backgrounds · Typography

Open in generator →Colors that go with gainsboro →

Families: Silver Colors · Platinum Colors

Color values

Format	Value
HEX	#DCDCDC
RGB	rgb(220, 220, 220)
HSL	hsl(0, 0%, 86%)
HSV	hsv(0, 0%, 86%)
OKLCH	oklch(89.45% 0 0)
OKLab	oklab(89.45% 0 0)
CMYK	cmyk(0%, 0%, 0%, 13.7%)
XYZ	xyz(68.0245, 71.5694, 77.9269)
CIE-LAB	lab(87.8, -0.0, 0.0)
CIE-LCH	lch(87.8, 0.0, 180.0°)
Luminance	0.716 (WCAG relative)

/* Gainsboro */ --gainsboro: #dcdcdc; color: #dcdcdc; background-color: #dcdcdc;

Source: W3C CSS named color. CSS keyword: gainsboro.

Collections: Neutral Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

100

200

300

400

500

600

700

800

900

950

OKLCH ramp (perceptually uniform, modern CSS)

100

200

300

400

500

600

700

800

900

950

Shades (toward black)

#c4c4c4 #acacac #949494 #7e7e7e #686868 #535353 #3e3e3e #2b2b2b #191919 #000000

Tints (toward white)

#dfdfdf #e3e3e3 #e6e6e6 #eaeaea #ededed #f1f1f1 #f4f4f4 #f8f8f8 #fbfbfb #ffffff

Tones (toward gray)

#9F9F9F

#BDBDBD

#DCDCDC

#F0F0F0

#9f9f9f #bdbdbd #dcdcdc #f0f0f0 #f0f0f0

Accessibility & contrast

1.37

#DCDCDC on #FFFFFF

AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

15.31

#DCDCDC on #000000

AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on gainsboro

15.31

#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision

Protanopia (red-blind)

#DCDCDC

Deuteranopia (green-blind)

#DCDCDC

Tritanopia (blue-blind)

#DCDCDC

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

Color	Name	ΔE₀₀
	Light Gray #D3D3D3	2.08
	Fog #D8DCE0	2.46
	Light Grey #D8DCD6	4.02
	Whitesmoke #F5F5F5	5.39
	Off White #FAF9F6	6.39
	Silver #C0C0C0	6.77

Colors that go with gainsboro

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Espresso #4B382A

8.1:1

Analogous hue (Δh ≈25°) — neighbors on the color wheel

Dark Brown #341C02

11.7:1

Analogous hue (Δh ≈31°) — neighbors on the color wheel

Forest Green #2D5A27

5.9:1

Triadic harmony (Δh ≈113°) — balanced three-way contrast

Charcoal #36454F

7.2:1

Split-complementary angle (Δh ≈156°) — strong but softer than direct complement

Darkslategray #2F4F4F

6.5:1

Complementary hue (Δh ≈180°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.

Gainsboro #DCDCDC

Color values

Shade scale

OKLCH ramp (perceptually uniform, modern CSS)

Shades (toward black)

Tints (toward white)

Tones (toward gray)

Color harmonies

Complementary

Analogous

Triadic

Tetradic

Square

Split Complementary

Monochromatic

Accessibility & contrast

Best text on gainsboro

Color blindness preview

Closest named colors

Related colors

Colors that go with gainsboro