Grey
#808080
Grey (#808080) is a medium, neutral grey colour, neither warm nor cool. In RGB it is 128 red, 128 green and 128 blue; in HSL its hue is 0°, its saturation 0% and its lightness 50%. For print, its CMYK mix is 0% cyan, 0% magenta, 0% yellow and 50% black, though printed colours vary with paper and ink.
Grey is neutral and calm, the colour of balance. It makes a quiet background and lets brighter accent colours stand out.
Text on grey
White text on grey has a contrast ratio of 3.95:1 and passes AA for large text only; black text has 5.32:1 and passes AA. Black text is the better choice on it. Check other pairs in the contrast checker.
White text · 3.95:1
Black text · 5.32:1
Tints and shades of grey
Colour palettes with grey
Brands with a grey logo
Brand colours close to #808080, from our Brand Colour Index.
Colours similar to grey
Use grey in CSS
.button {
background-color: #808080;
color: #000000;
}Make a full Tailwind scale from it with the Tailwind shades generator, or see more shades of grey.