Grey Colour Codes
Every CSS grey shade with its hex and RGB values — from White through to Black. Search the list and click any swatch to copy its code.
How to use it
- Click any swatch to copy its hex value.
- The RGB triplet appears under each name.
- Search to narrow the list by name or code.
The grey family is the full lightness scale with no hue at all — equal red, green and blue values at every step, running from White (#FFFFFF) down through named stops like Silver (#C0C0C0), Gray (#808080) and DimGray (#696969) to Black (#000000). Every named grey accepts both the American and British spelling — gray and grey are exact synonyms for every shade in this list.
Why grey does most of the work in an interface
Body text, borders, dividers, disabled states and backgrounds in almost every interface are some shade of grey, not because grey is uninteresting but because it lets colour be reserved for what actually needs attention — a link, a warning, a call-to-action button stands out precisely because everything around it is neutral.
Grey is also where contrast failures happen most often: a mid-grey that looks perfectly legible to a designer on a good monitor frequently falls under the 4.5:1 WCAG AA minimum against white. Any grey chosen for body text is worth checking against a contrast checker rather than judged by eye.
Questions people ask
How many named grey shades does CSS have?
The chart above lists the standard CSS named colours in the grey family. CSS defines 140 named colours in total across every family.
Is anything uploaded?
No. Everything runs in your browser — no file, image or snippet you use here ever leaves your device.
Last updated 22 August 2026