Gainsboro

gainsboro is a CSS color keyword. The closest Tailwind step is neutral-300 (#d4d4d4).

#dcdcdcrgb(220, 220, 220)

Hex: #dcdcdc
RGB: 220, 220, 220
HSL: 0°, 0%, 86%
OKLCH: 89.4% 0.000 0.0
LAB: 87.8 -0.0 0.0

Open #dcdcdc in the explorer

Text contrast

Black or white text on #dcdcdc. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text15.3:1 AAAAPCA Lc 87

White text1.4:1 FailAPCA Lc -20

Color vision

How #dcdcdc looks in simulations of color blindness, at full severity.

Full color
#dcdcdc

Protanopia
#dcdcdc

Deuteranopia
#dcdcdc

Tritanopia
#dcdcdc

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to gainsboro.

50 100200300400500600700800900950

Copy into CSS

color: gainsboro;
background: #dcdcdc;

@theme {
  --color-gainsboro-50: #f5f5f5;
  --color-gainsboro-100: #e8e8e8;
  --color-gainsboro-200: #d1d1d1;
  --color-gainsboro-300: #b4b4b4;
  --color-gainsboro-400: #989898;
  --color-gainsboro-500: #7a7a7a;
  --color-gainsboro-600: #606060;
  --color-gainsboro-700: #4a4a4a;
  --color-gainsboro-800: #353535;
  --color-gainsboro-900: #222222;
  --color-gainsboro-950: #0d0d0d;
}