Teal / #008080 Color Information


In the RGB color space, #008080 is composed of 0% red, 50.1961% green, and 50.1961% blue.

In the CMYK color space, #008080 is composed of 100% cyan, 0% magenta, 0% yellow, and 49.8% black,

It has a hue angle of 180 degrees, a saturation of 100%, and a lightness of 25.1%.

The closest websafe color is #009999.

#008080 has a CSS color name: Teal.

#008080 RGB Values

#008080 CMYK Values



Teal / #008080 Color Conversion


The hexadecimal color #008080 has RGB values of R:0, G:128, B:128 and CMYK values of C:100, M:0, Y:0, K:49.8. It has a decimal value of 32896.


Hexadecimal #008080 #008080
RGB Decimal 0, 128, 128 rgb(0, 128, 128)
RGB Percent 0, 50.1961, 50.1961 rgb(0%, 50.1961%, 50.1961%)
RGB Proportion 0.0, 0.502, 0.502 rgb(0.0, 0.502, 0.502)
CMYK 100, 0, 0, 49.8
HSL 180ยบ, 100, 25.1 hsl(180, 100%, 25.1%)
Websafe 009999 #009999
XYZ 11.617, 17.0, 23.094
Yxy 17.0, 0.225, 0.329
CIE-LAB 48.26, -28.848, -8.48
CIE-LCH 48.26, 30.069, 196.381
CIE-LUV 48.26, -37.33, -8.057
Hunter-Lab 41.231, -21.861, -4.347

Color Schemes For Teal / #008080


Colors that go well with Teal / #008080.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to Teal / #008080


Colors similar to Teal / #008080.


Teal / #008080 Preview


Common HTML and CSS shortcodes for Teal / #008080.

Text with color #008080


The quick brown fox jumps over the lazy dog.

<div style="color: #008080;">The quick brown fox jumps over the lazy dog.</div>

#008080 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #008080;">The quick brown fox jumps over the lazy dog.</div>

Border with #008080


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #008080;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #008080


Linear gradient from #008080 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#008080, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #008080


Radial gradient from #008080 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#008080, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #008080 and its Complementary Color


Linear gradient from #008080 to #FF7F7F.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#008080, #FF7F7F);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #008080 and its Complementary Color


Radial gradient from #008080 to #FF7F7F.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#008080, #FF7F7F);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #008080; } .background { background-color: #008080; } .border { border: 1px solid #008080; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of Teal / #008080


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #000202 while the lightest tint is #FAFDFD.

Shades


Tints

Random Colors