Gray (#808080) Color Codes & Gradients

Color Preview

Make a gradient with Gray →

Opens Gray with a lighter tint in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name gray
Hex #808080
RGB rgb(128, 128, 128)
HSV hsv(0, 0%, 50%)
HSL hsl(0, 0%, 50%)
OKLCH oklch(59.99% 0 none)

What is the color name for #808080?

#808080 color name is Gray.

Color Information

The HTML color Gray has the hexadecimal code #808080 and in the RGB color space is composed of 50% red, 50% green, and 50% blue. The color Gray has a hue angle of 0 degrees, a saturation of 0% and a lightness of 50.2%.

Gray CSS Code Snippets

Background Color
.bg-gray { background-color: #808080; }
Text Color
.text-gray { color: #808080; }
Border Color
.border-gray { border: 1px solid #808080; }
Shade Gradient
.gradient-shade-gray { background: linear-gradient(135deg, #808080, #434343); }
Tint Gradient
.gradient-tint-gray { background: linear-gradient(135deg, #808080, #BDBDBD); }
Monochromatic Gradient
.gradient-mono-gray { background: linear-gradient(135deg, #808080, #C9C9C9); }

Gray Shades

#767676
#6C6C6C
#616161
#575757
#4D4D4D
#434343

Gray Tints

#8A8A8A
#949494
#9F9F9F
#A9A9A9
#B3B3B3
#BDBDBD

Gray Tones

#808080
#808080
#808080
#808080
#808080
#808080

Gray Monochromatic

#C9C9C9
#A4A4A4
#808080
#5C5C5C
#373737
#131313

Similar Colors to Gray

#808080
#808080
#808080
#808080
#808080
#808080

Generate a Gradient

Generate a shade gradient →
Generate a tint gradient →
Generate a tone gradient →
Generate a monochromatic gradient →
Generate a similar color gradient →