Hex Color #00ffff

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

  • Hex Color #00ffff
  • RGB color: rgb(0,255,255)
00ffff hex color

Background color #00ffff

#00ffff
rgb(0,255,255)

Background color #00ffff with opacity 0.5

#00ffff
opacity:0.5
rgb(0,255,255,0.5)

How to use #00ffff color code in CSS stylesheet

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

color: #00ffff;
background-color: #00ffff;
background-color: rgb(0,255,255);

#00ffff CSS codes

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

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

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

Now copy the code below to your CSS file:

.00ffff {color:#00ffff;}

You will get this result: #00ffff

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

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

You will get this result:

#00ffff

More examples using #00ffff CSS classes

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

#00ffff CSS codes using !important

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

#00ffff is the same as RGB color (0,255,255)

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

Comments on color #00ffff

Similar Colors

Here are colors that are similar to #00ffff

Random Colors

Click on any hex color value to get more info.

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