Ice gray color: code #DCDCDC

Ice gray

#DCDCDC

Color codes

  • HEX#DCDCDC
  • RGBrgb(220, 220, 220)
  • HSLhsl(0, 0%, 86%)
  • HSVhsv(0, 0%, 86%)
  • CMYKcmyk(0%, 0%, 0%, 14%)
  • LABlab(87.8% 0 0)
  • OKLCHoklch(89.5% 0 0)

About the color Ice gray

Ice gray has the HEX code #DCDCDC, which corresponds to rgb(220, 220, 220) in the RGB model. On the color wheel its hue sits at 0°, with 0% saturation and 86% lightness (hsl(0, 0%, 86%)).

With very low saturation (or extreme lightness) it works as a neutral, easy to pair with almost any other color.

As a background it calls for dark text: black reaches a 15.31:1 contrast ratio on it, versus 1.37:1 for white.

For print, the approximate conversion is cmyk(0%, 0%, 0%, 14%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Ice gray

Complementary

#DCDCDC · #DBDBDB

Analogous

#DBDBDB · #DCDCDC · #DBDBDB

Triadic

#DCDCDC · #DBDBDB · #DBDBDB

Tetradic

#DCDCDC · #DBDBDB · #DBDBDB · #DBDBDB

Split-complementary

#DCDCDC · #DBDBDB · #DBDBDB

Monochromatic

#9C9C9C · #C2C2C2 · #DCDCDC · #FFFFFF · #FFFFFF

Ice gray with white and black text

White text Aa Bb Cc 123
1.37:1 · fails WCAG
Black text Aa Bb Cc 123
15.31:1 · AAA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-ice-gray: #DCDCDC;
  --color-ice-gray-rgb: 220, 220, 220;
}

.elemento {
  background-color: var(--color-ice-gray);
  color: #000000;
}

Similar colors

Use Ice gray in our tools