Hex Color #5986bd

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

  • Hex Color #5986bd
  • RGB color: rgb(89,134,189)

Background color #5986bd

#5986bd
rgb(89,134,189)

Background color #5986bd with opacity 0.5

#5986bd
opacity:0.5
rgb(89,134,189,0.5)

How to use #5986bd color code in CSS stylesheet

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

color: #5986bd;
background-color: #5986bd;
background-color: rgb(89,134,189);

#5986bd CSS codes

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

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

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

Now copy the code below to your CSS file:

.5986bd {color:#5986bd;}

You will get this result: #5986bd

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

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

You will get this result:

#5986bd

More examples using #5986bd CSS classes

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

#5986bd CSS codes using !important

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

#5986bd is the same as RGB color (89,134,189)

89,134,189 RGB color code is the same color as #5986bd hex color code and can be used in css as such: rgb(89,134,189).

Comments on color #5986bd

Similar Colors

Here are colors that are similar to #5986bd

Random Colors

Click on any hex color value to get more info.

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