Hex Color #e74c53

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

  • Hex Color #e74c53
  • RGB color: rgb(231,76,83)

Background color #e74c53

#e74c53
rgb(231,76,83)

Background color #e74c53 with opacity 0.5

#e74c53
opacity:0.5
rgb(231,76,83,0.5)

How to use #e74c53 color code in CSS stylesheet

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

color: #e74c53;
background-color: #e74c53;
background-color: rgb(231,76,83);

#e74c53 CSS codes

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

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

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

Now copy the code below to your CSS file:

.e74c53 {color:#e74c53;}

You will get this result: #e74c53

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

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

You will get this result:

#e74c53

More examples using #e74c53 CSS classes

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

#e74c53 CSS codes using !important

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

#e74c53 is the same as RGB color (231,76,83)

231,76,83 RGB color code is the same color as #e74c53 hex color code and can be used in css as such: rgb(231,76,83).

Comments on color #e74c53

Similar Colors

Here are colors that are similar to #e74c53

Random Colors

Click on any hex color value to get more info.

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