Teal color values
| Format | Value |
|---|---|
| Hex | #008080 |
| RGB | rgb(0, 128, 128) |
| HSL | hsl(180, 100%, 25%) |
| HSV | 180, 100%, 50% |
| CMYK (simple conversion) | 100%, 0%, 0%, 50% |
| Decimal | 32896 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Teal
A dark cyan blending blue and green in equal measure. It became highly popular in web design for headers and accents due to its strong contrast against white. The color suggests sophistication, communication, and emotional balance in modern branding. It is one of the 148 CSS named colors.
Shades and tints of Teal
Tints mix Teal with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #1A8D8D | #007373 |
| 20% | #339999 | #006666 |
| 30% | #4DA6A6 | #005A5A |
| 40% | #66B3B3 | #004D4D |
| 50% | #80C0C0 | #004040 |
Color harmony for Teal
These colors keep the same saturation and lightness as Teal and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #800000 |
| Analogous | #008040 #004080 |
| Triadic | #800080 #808000 |
| Split complementary | #800040 #804000 |
Contrast and accessibility
Contrast between #008080 and white is 4.77:1 (passes AA). Against black it is 4.40:1 (large text only). For text on a Teal background, white text is the more readable choice.
Use Teal in CSS
.element {
color: teal;
background-color: #008080;
border-color: rgb(0 128 128);
outline-color: hsl(180 100% 25%);
}All four lines produce exactly the same color. The keyword teal is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
FAQ
What is the hex code for Teal?
The hex code for Teal is #008080. As a CSS color keyword you can also write teal.
What is Teal in RGB?
Teal is rgb(0, 128, 128): red 0, green 128, blue 128 on the 0 to 255 scale.
What color is closest to Teal?
Of the CSS named colors, darkcyan (#008B8B) is the closest match to Teal, followed by seagreen and lightseagreen.
More colors
- Tan: previous page
- Thistle: next page
- CSS named colors: the full list