Teal

HEX #008080 / RGB (0, 128, 128)

Pretty mandala design

What is Teal Color?

Teal (Hex code: 008080) Thumbnail

Teal has the hex code #008080. The equivalent RGB values are (0, 128, 128), which means it is composed of 0% red, 50% green and 50% blue. The CMYK color codes, used in printers, are C:100 M:0 Y:0 K:50. In the HSV/HSB scale, Teal has a hue of 180°, 100% saturation and a brightness value of 50%.
Details of other color codes including equivalent web safe and HTML & CSS colors are given in the table below. Also listed are the closest Pantone® (PMS) and RAL colors.

Teal is a blue-green color named after the fairly common duck, Anas crecca. It is included in the X11 and web colors lists and can, thus, be used by name in HTML and CSS code in addition to the hex, RGB, CMYK and HSB values.

Teal Color Codes

Hex Code#008080
RGB Values(0, 128, 128)
CMYK Values(100%, 0%, 0%, 50%)
HSV/HSB Values(180°, 100%, 50%)
Closest Web Safe#009999
Inverse Color#FF7F7F [Congo Pink]
Closest Pantone®7717 C
Closest RAL5021 [Water blue]
Complementary Color#800000 [Maroon (HTML/CSS)]
Teal Converted to Grayscale Codes
Simple Average#555555
Desaturated#404040
Weighted Average (Most Common)#5A5A5A
Weighted Average (Luma)#656565
Weighted Average (Gamma Adjusted)#A3A3A3

Teal Color Palettes

Complementary color palette of 008080. Complementary color is 800000

Complementary Palette

The complement of Teal is Maroon (HTML/CSS) with the hex code #800000. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #008080 color is offered by #800000. The complementary color palette is easiest to use and work with. Studies have shown that contrasting color palette is the best way to grab a viewer's attention.

Analogous color palette with (008080, 004080 and 008040)

Analogous Palette

The analogous colors of Teal (#008080) are Dark Cerulean (#004080) and Philippine Green (#008040). In the RGB color wheel, these two analogous colors occur to the right and left of Teal with a 30° separation on either side. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

Split Complementary color palette with (008080, 800040 and 804000)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Teal (#008080) are #800040 (Rose Garnet) and #804000 (Chocolate (Traditional)). A split-complementary color palette consists of the main color along with those on either side (30°) of the complementary color. Based on our research, usage of split-complementary palettes is on the rise online, especially in graphics and web sites designs. It may be because it is not as contrasting as the complementary color palette and, hence, results in a combination which is pleasant to the eyes.

Triadic color palette with (008080, 800080 and 808000)

Triadic Palette

Teal triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #800080 (Patriarch) and #808000 (Olive) along with #008080 create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

Tetradic color palette with (008080, 800080, 800000 and 008000)

Tetradic Palette

The tetradic palette of Teal has four colors - #800080 (Patriarch), #800000 (Maroon (HTML/CSS)) and #008000 (Ao (English)) in addition to the base color (#008080). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors slightly to achieve desired results.

Square color palette with (008080, 400080, 800000 and 408000)

Square Palette

Teal square color palette has #400080 (Indigo), #800000 (Maroon (HTML/CSS)) and #408000 (Avocado). Quite like triadic, the hues in a square palette are at the maximum distance from each other, which is 90°.
Note: For several colors purposes, a square palette may look much better than the tetrad color palette.

Rainbow color

Teal Color Rainbow Palette

Our Teal rainbow color palette is based on the RGB model and consists of 7 colors, just like the traditional rainbow. You might not see a lot of variation in color, especially if the chosen color is dark or extremely light. However, this can lead interesting rainbow palettes that are faded, soft, pastel or dull.

Tints, Tones & Shades of Teal Color

Tints

  • Transparent 339999#339999
  • Transparent 4DA6A6#4DA6A6
  • Transparent 66B3B3#66B3B3
  • Transparent 80C0C0#80C0C0
  • Transparent 99CCCC#99CCCC
  • Transparent B3D9D9#B3D9D9
  • Transparent CCE6E6#CCE6E6
  • Transparent E6F2F2#E6F2F2

Tones

  • Transparent 1A8080#1A8080
  • Transparent 268080#268080
  • Transparent 338080#338080
  • Transparent 408080#408080
  • Transparent 4D8080#4D8080
  • Transparent 5A8080#5A8080
  • Transparent 668080#668080
  • Transparent 738080#738080

Shades

  • Transparent 006666#006666
  • Transparent 005A5A#005A5A
  • Transparent 004D4D#004D4D
  • Transparent 004040#004040
  • Transparent 003333#003333
  • Transparent 002626#002626
  • Transparent 001A1A#001A1A
  • Transparent 000D0D#000D0D

Teal Color Patterns

  • Transparent

    Teal Gingham Checks

  • Transparent

    Teal Vertical Stripes Pattern

  • Transparent

    Teal Polka Dots Pattern

  • Transparent

    Teal Honeycomb Pattern

  • Transparent

    Teal Leaves Pattern

  • Transparent

    Teal Houndstooth Pattern

  • Transparent

    Teal Trellis Pattern

  • Transparent

    Teal Plaid Pattern

Photo credits: klipartz.com