Gray hex code
The hex code for gray is #808080. In RGB that is rgb(128, 128, 128) and in HSL it is hsl(0, 0%, 50%).
The hex code for gray is #808080. In RGB that is rgb(128, 128, 128) and in HSL it is hsl(0, 0%, 50%).
Gray · #808080
Colour codes
- HEX
- #808080
- RGB
- rgb(128, 128, 128)
- HSL
- hsl(0, 0%, 50%)
- CMYK
- 0, 0, 0, 50
- CSS name
- gray
- Contrast on white
- 3.95:1
- Contrast on black
- 5.32:1
Tints and shades
20% lighter · #999999
40% lighter · #b3b3b3
60% lighter · #cccccc
80% lighter · #e6e6e6
20% darker · #666666
40% darker · #4d4d4d
60% darker · #333333
80% darker · #1a1a1a
Complementary colour
Gray · #808080
Opposite on the colour wheel · #808080
Frequently asked questions
What is the hex code for gray?
The hex code for gray is #808080. In RGB that is rgb(128, 128, 128) and in HSL it is hsl(0, 0%, 50%).
Can I use gray for text?
It has a contrast ratio of 3.95:1 on white and 5.32:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with gray?
Its complementary colour, opposite on the colour wheel, is #808080. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of gray instead.
Is gray a CSS colour name?
Yes. CSS accepts the keyword gray, so color: gray and color: #808080 render exactly the same.