What is the hex code for Teal?

The hex code for Teal is #008080.

What is the RGB value of Teal?

The RGB value of Teal is rgb(0, 128, 128).

What is the HSL value of Teal?

The HSL value of Teal is hsl(180, 100%, 25%).

What is the HSV value of Teal?

The HSV value of Teal is hsv(180, 100%, 50%).

What CSS code do I use for Teal?

Use background-color: #008080; for background, color: #008080; for text, or border: 1px solid #008080; for borders.

Teal Hex #008080: HTML Color Code & Gradients

Teal (#008080) Color Codes & Gradients

Color Preview

Make a gradient with Teal →

Opens Teal with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	teal
Hex	#008080
RGB	rgb(0, 128, 128)
HSV	hsv(180, 100%, 50%)
HSL	hsl(180, 100%, 25%)
OKLCH	oklch(54.31% 0.0927 194.77)

What is the color name for #008080?

#008080 color name is Teal.

Color Information

The HTML color Teal has the hexadecimal code #008080 and in the RGB color space is composed of 0% red, 50% green, and 50% blue. The color Teal has a hue angle of 180 degrees, a saturation of 100% and a lightness of 25.1%.

Teal CSS Code Snippets

Background Color

.bg-teal { background-color: #008080; }

Text Color

.text-teal { color: #008080; }

Border Color

.border-teal { border: 1px solid #008080; }

Shade Gradient

.gradient-shade-teal { background: linear-gradient(135deg, #008080, #000000); }

Tint Gradient

.gradient-tint-teal { background: linear-gradient(135deg, #008080, #1AFFFF); }

Monochromatic Gradient

.gradient-mono-teal { background: linear-gradient(135deg, #008080, #00C9C9); }

Teal Shades

#006666

#004D4D

#003333

#001A1A

#000000

Teal Tints

#009999

#00B3B3

#00CCCC

#00E6E6

#00FFFF

#1AFFFF

Teal Tones

#087878

#116F6F

#196767

#215F5F

#2A5656

#324E4E

Teal Monochromatic

#00C9C9

#00A4A4

#008080

#005C5C

#003737

#001313

Similar Colors to Teal

#008055

#008066

#008077

#007780

#006680

#005580

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator