Shades of Gray
Gray is the workhorse of interface and print design. Blue-tinted slate grays feel modern and cool, while pure grays are strictly neutral. These are the CSS named grays plus a generated lightness scale.
Named Gray Colors
Black
#000000rgb(0, 0, 0)DarkSlateGray
#2F4F4Frgb(47, 79, 79)DimGray
#696969rgb(105, 105, 105)SlateGray
#708090rgb(112, 128, 144)Gray
#808080rgb(128, 128, 128)LightSlateGray
#778899rgb(119, 136, 153)DarkGray
#A9A9A9rgb(169, 169, 169)Silver
#C0C0C0rgb(192, 192, 192)LightGray
#D3D3D3rgb(211, 211, 211)Gainsboro
#DCDCDCrgb(220, 220, 220)WhiteSmoke
#F5F5F5rgb(245, 245, 245)Gray Scale from Light to Dark
A 12-step lightness scale of the core gray hue. Click any swatch for the full breakdown of that color.