Teal Color – #008080: Codes and Complete Breakdown

The Teal color hex code is #008080, and it is composed of 0% red, 50% green and 50% blue.

Teal is a dark, vibrant, saturated, and cool color at 100% saturation. It has a contrast ratio of 4.77:1 against a white background, which passes WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Teal color (#008080) against light backgrounds.

Teal color

Teal Color Shades

Complementary colors

  1. #008080

  2. #990000

Triadic colors

  1. #008080

  2. #990099

  3. #999900

Tints or lighter colors

  1. #00B3B3

  2. #00E6E6

  3. #1AFFFF

  4. #4DFFFF

  5. #80FFFF

Darker colors

  1. #004D4D

  2. #001A1A

Analogous colors

  1. #008000

  2. #008040

  3. #008080

  4. #004080

  5. #000080

Monochromatic colors

  1. #003434

  2. #006767

  3. #009A9A

  4. #00CDCD

  5. #07F9F9

#008080

Teal Color Codes and Information

Here’s a complete breakdown of the color Teal, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.

Data TypeValues/Details
Hex#008080
RGBrgb(0,128,128)
HSLhsl(180,100%,25.1%)
CMYK100, 0, 0, 50
HSV180, 100, 50
RGB %0, 50, 50
XYZ11.6, 17, 23.1
LAB48.3, -29, -8.5
Color CategoryDark
Color FamilyBlue
Saturation100%
TemperatureCool
Contrast Ratio Againt White (#ffffff)4.77 (passes WCAG AA)
Contrast Ratio Againt Black (#000000)4.4 (fails WCAG AA)

Similar Colors to Teal Color

  1. #014d4e

    dark teal color 014d4e

    Dark Teal

  2. #2c7c79

    zirconia teal color 2c7c79

    Zirconia Teal

  3. #669699

    vintage teal color 669699

    Vintage Teal

  4. #85a4a2

    venus teal color 85a4a2

    Venus Teal

  5. #5c6e70

    unreal teal color 5c6e70

    Unreal Teal

  6. #72cac1

    turkish teal color 72cac1

    Turkish Teal

  7. #00858b

    tucson teal color 00858b

    Tucson Teal

  8. #5a7d7a

    trumpet teal color 5a7d7a

    Trumpet Teal