keecode logokeecode
Home / Color Codes / Teal

Teal

Popular

Color Codes

HEX

#008080

RGB

rgb(0, 128, 128)

HSL

hsl(180, 100%, 25%)

Usage Examples

CSS (HEX)

.element {
  background-color: #008080;
  color: #008080;
  border: 1px solid #008080;
}

CSS (RGB)

.element {
  background-color: rgb(0, 128, 128);
  color: rgb(0, 128, 128);
}

CSS (HSL)

.element {
  background-color: hsl(180, 100%, 25%);
  color: hsl(180, 100%, 25%);
}

HTML Inline Style

<div style="background-color: #008080; color: white;">
  Content
</div>

JavaScript

element.style.backgroundColor = "#008080";
element.style.color = "#008080";

React/JSX

<div style={{ backgroundColor: "#008080", color: "white" }}>
  Content
</div>