Skip to content

Teal#008080 HEX Color

#008080rgb(0, 128, 128)
#008080 color swatch

About Teal

Teal (#008080) is a cool, dark, vivid cyan tone with a hue of 180°, saturation of 100% and lightness of 25%. It works well for tech and wellness branding and conveys a refreshing feeling. On a white background it reaches a contrast ratio of 4.77:1, while on black it reaches 4.40:1 — so prefer white text when using #008080 as a background.

Color Codes

HEX#008080
RGBrgb(0, 128, 128)
HSLhsl(180°, 100%, 25%)
CMYKcmyk(100%, 0%, 0%, 50%)
CIELABLab(48.3, -28.8, -8.5)

Accessibility & Contrast

On white
4.77:1
AA Normalpasses
AA Largepasses
AAA Normalfails
AAA Largepasses
On black
4.40:1
AA Normalfails
AA Largepasses
AAA Normalfails
AAA Largefails

Recommendation: when using #008080 as a background, use white text for the highest contrast.

Color Schemes

Tints & Shades

CSS Code Snippets

background-color: #008080;
color: #008080;
border: 2px solid #008080;
background: linear-gradient(135deg, #008080, #800000);

Code Export

css
:root {
  --color-primary: #008080;
  --color-primary-rgb: 0, 128, 128;
  --color-primary-hsl: 180, 100%, 25%;
}

Explore Color Tools

Related Tools

Related Combinations

Frequently Asked Questions

What is the name of color #008080?

Color #008080 is commonly known as Teal. It is a cool, dark, vivid cyan tone.

Is #008080 a warm or cool color?

Teal (#008080) is a cool color. With a hue of 180°, it falls in the cyan family.

What colors go well with #008080?

Colors that pair well with Teal (#008080) include its complementary color (#800000), neutral whites and warm creams, and analogous cyan tones for harmonious palettes.