Hex Color #34496b

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

  • Hex Color #34496b
  • RGB color: rgb(52,73,107)

Background color #34496b

#34496b
rgb(52,73,107)

Background color #34496b with opacity 0.5

#34496b
opacity:0.5
rgb(52,73,107,0.5)

How to use #34496b color code in CSS stylesheet

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

color: #34496b;
background-color: #34496b;
background-color: rgb(52,73,107);

#34496b CSS codes

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

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

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

Now copy the code below to your CSS file:

.34496b {color:#34496b;}

You will get this result: #34496b

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

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

You will get this result:

#34496b

More examples using #34496b CSS classes

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

#34496b CSS codes using !important

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

#34496b is the same as RGB color (52,73,107)

52,73,107 RGB color code is the same color as #34496b hex color code and can be used in css as such: rgb(52,73,107).

Comments on color #34496b

Similar Colors

Here are colors that are similar to #34496b

Random Colors

Click on any hex color value to get more info.

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