Color family

Gray & Black colors

Every named gray & black color in the library. Click one for its hex, RGB, HSL, HSV, CMYK and OKLCH values, color harmonies, shades and tints.

BlueBrownCyanGray & BlackGreenOrangePinkPurpleRedWhiteYellow
Gainsboro#DCDCDCLight Gray#D3D3D3Silver#C0C0C0Dark Gray#A9A9A9Gray#808080Dim Gray#696969Off Black#1B1B1BJet Black#0A0A0ABlack#000000Stone#928E85Greige#BEBAA7Ebony#555D50Smoke#738276Ash#B2BEB5Dark Slate Gray#2F4F4FOnyx#353839Pewter#899499Gunmetal#2A3439Charcoal#36454FLight Slate Gray#778899Slate#708090Slate Gray#708090Graphite#41424C

About gray and black colors

Grays and blacks are the backbone of every interface — text, borders, dividers, backgrounds and shadows. The web set runs black, dimgray, gray, darkgray, silver, lightgray and gainsboro, with a famous quirk: darkgray (#A9A9A9) is lighter than plain gray (#808080). Both gray and grey spellings are valid and identical.

A true neutral gray has equal red, green and blue channels; nudging them gives a warm or cool gray that pairs better with your palette. Pure #000000 text on pure white is often considered too stark — a very dark gray like #171717 reads more comfortably while still clearing every contrast threshold.

Using these gray and black colors

Click any swatch above for that color's full page — hex, RGB, HSL, HSV, CMYK and OKLCH codes, a contrast check against black and white, shade and tint ramps, and its color harmonies. To build a palette around one of these colors, open it in the palette generator or plot it on the color wheel; to convert it to another format, use the color converter; and before using it for text, confirm the pairing in the contrast checker. For the standardized keyword list, see the 140 CSS color names, or browse the other color families.