Hex Color #808080

Information about #808080 hex color code is provided on this page.

  • Hex Color #808080
  • RGB color: rgb(128,128,128)

Background color #808080

#808080
rgb(128,128,128)

Background color #808080 with opacity 0.5

#808080
opacity:0.5
rgb(128,128,128,0.5)

How to use #808080 color code in CSS stylesheet

You can color any HTML element with #808080 hex color using the examples below.

color: #808080;
background-color: #808080;
background-color: rgb(128,128,128);

#808080 CSS codes

You can use CSS classes to color any HTML element with #808080 hex color.

To change the color of the element, add the css class 808080 to any HTML element, such as a div, like in the example below:

<div class='808080'>
Copy this div element to your HTML file
</div>

Now copy the code below to your CSS file:

.808080 {color:#808080;}

You will get this result: #808080

Alternatively, you can change the background color of the element, by using this CSS code:

.808080 {background-color:#808080; padding:10px;}

You will get this result:

#808080

More examples using #808080 CSS classes

.bg-color-808080 {background-color:#808080;}
.hex-color-808080 {color:#808080;}
.border-color-808080 {border:1px solid #808080;}

#808080 CSS codes using !important

.bg-color {background-color:#808080 !important;}
.hex-color {color:#808080 !important;}
.border-color {border:1px solid #808080 !important;}

#808080 is the same as RGB color (128,128,128)

128,128,128 RGB color code is the same color as #808080 hex color code and can be used in css as such: rgb(128,128,128).

Comments on color #808080

Similar Colors

Here are colors that are similar to #808080

Random Colors

Click on any hex color value to get more info.

The information presented on this page is about #808080 web color code. For information about different color codes visit gethexcolor.com