What is the hex code for Teal?

The hex code for Teal is #008080. In RGB that is rgb(0, 128, 128), and in HSL it is hsl(180, 100%, 25%).

What RGB values make Teal?

Teal is 0 red, 128 green, and 128 blue, written as rgb(0, 128, 128).

Teal scores 4.77:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.

Yes. You can write color: teal directly in CSS, which every browser resolves to #008080.

#008080

Teal is a cyan tone at #008080. It sits at 180 degrees on the color wheel with 100% saturation and 25% lightness.

Color values

Tints mix Teal with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#CCE6E6

Tint 60%

#99CCCC

Tint 40%

#66B3B3

Tint 20%

#339999

Base

#008080

Shade 20%

#006666

Shade 40%

#004D4D

Shade 60%

#003333

Shade 80%

#001A1A

On white

Sample text

4.77:1

Passes AA for body text

On black

Sample text

4.4:1

Large text only

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Teal?: The hex code for Teal is #008080. In RGB that is rgb(0, 128, 128), and in HSL it is hsl(180, 100%, 25%).
What RGB values make Teal?: Teal is 0 red, 128 green, and 128 blue, written as rgb(0, 128, 128).
Is Teal readable as text on a white background?: Teal scores 4.77:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.
Is Teal a valid CSS color name?: Yes. You can write color: teal directly in CSS, which every browser resolves to #008080.