Shades of Teal

Teal sits between green and blue, roughly 165 to 200 degrees on the HSL color wheel, with cyan and turquoise occupying nearby parts of this range. It is associated with water, clarity, freshness and calm.

22 named shades#008080rgb(0, 128, 128)hue 165° to 200°

22 teal colors, lightest to darkest

Click a swatch to copy its HEX code. Click the name for the full profile with HSL, LAB, OKLCH, harmonies and contrast.

Light Cyan
rgb(224, 255, 255)
C12 M0 Y0 K0
Pale Turquoise
rgb(175, 238, 238)
C26 M0 Y0 K7
Aquamarine
rgb(127, 255, 212)
C50 M0 Y17 K0
Electric Blue
rgb(125, 249, 255)
C51 M2 Y0 K0
Maya Blue
rgb(115, 194, 251)
C54 M23 Y0 K2
Sky Cyan
rgb(118, 215, 234)
C50 M8 Y0 K8
Iceberg
rgb(113, 166, 210)
C46 M21 Y0 K18
Medium Aquamarine
rgb(102, 205, 170)
C50 M0 Y17 K20
Turquoise
rgb(64, 224, 208)
C71 M0 Y7 K12
Medium Turquoise
rgb(72, 209, 204)
C66 M0 Y2 K18
Cyan
rgb(0, 255, 255)
C100 M0 Y0 K0
Deep Sky Blue
rgb(0, 191, 255)
C100 M25 Y0 K0
Cadet Blue
rgb(95, 158, 160)
C41 M1 Y0 K37
Verdigris
rgb(67, 179, 174)
C63 M0 Y3 K30
Robin Egg
rgb(31, 206, 203)
C85 M0 Y1 K19
Pacific Blue
rgb(28, 169, 201)
C86 M16 Y0 K21
Dark Turquoise
rgb(0, 206, 209)
C100 M1 Y0 K18
Caribbean
rgb(0, 204, 204)
C100 M0 Y0 K20
Tiffany Blue
rgb(10, 186, 181)
C95 M0 Y3 K27
Bondi Blue
rgb(0, 149, 182)
C100 M18 Y0 K29
Cerulean
rgb(0, 123, 167)
C100 M26 Y0 K35
Teal
rgb(0, 128, 128)
C100 M0 Y0 K50

Tints and shades of teal #008080

A perceptual 50 to 950 scale built from the pure teal. Same hue, stepped lightness.

E1FCFB C9F6F5 A8E9E8 84D5D4 5EBBBA 389F9F 008080 006969 004E4F 003738 001C1C

Build this scale from any color with the color scale tool, or get it as a Tailwind config from the Tailwind palette generator.

Light, medium and dark teal

Light teal tints become aqua-like, medium tones keep a balanced blue-green appearance, and dark shades become deep and subdued. Classic examples include Cyan #00FFFF, Turquoise #40E0D0 and Teal #008080.

How to use teal in design

Teal works well with warm red-orange and coral hues for contrast, while green, cyan and blue form natural analogous combinations. Cyan-rich teal colors change noticeably between an RGB display and CMYK print, so final printed colors should be proofed. See what colors make teal.

FAQ

What is the HEX code for teal?

The standard CSS named teal is #008080. It contains equal amounts of green and blue in RGB.

Are cyan and turquoise shades of teal?

They belong to the same blue-green region, although their exact hue, saturation and lightness differ. Cyan #00FFFF is brighter, while Turquoise #40E0D0 is lighter than standard teal.