Hex Color #ffa500

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

  • Hex Color #ffa500
  • RGB color: rgb(255,165,0)

Background color #ffa500

#ffa500
rgb(255,165,0)

Background color #ffa500 with opacity 0.5

#ffa500
opacity:0.5
rgb(255,165,0,0.5)

How to use #ffa500 color code in CSS stylesheet

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

color: #ffa500;
background-color: #ffa500;
background-color: rgb(255,165,0);

#ffa500 CSS codes

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

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

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

Now copy the code below to your CSS file:

.ffa500 {color:#ffa500;}

You will get this result: #ffa500

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

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

You will get this result:

#ffa500

More examples using #ffa500 CSS classes

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

#ffa500 CSS codes using !important

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

#ffa500 is the same as RGB color (255,165,0)

255,165,0 RGB color code is the same color as #ffa500 hex color code and can be used in css as such: rgb(255,165,0).

Comments on color #ffa500

Similar Colors

Here are colors that are similar to #ffa500

Random Colors

Click on any hex color value to get more info.

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