Teal Color Code: HEX Code & RGB Code Values

Looking for specific teal color code? Get exact teal hex code #008080 and teal RGB code rgb(0,128,128). Complete color information for design and development projects featuring this sophisticated, balanced color.

HEX#008080

RGBrgb(0,128,128)

Shades of Teal

Create custom shades of teal with our color generator. Adjust hues, tints, and tones to find the perfect shade of teal for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 008080

  rgb(0, 128, 128)
• 0F6A6A

  rgb(15, 106, 106)
• 155454

  rgb(21, 84, 84)
• 15403F

  rgb(21, 64, 63)
• 132C2C

  rgb(19, 44, 44)
• 0F1A19

  rgb(15, 26, 25)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 008080

  rgb(0, 128, 128)
• 469594

  rgb(70, 149, 148)
• 6EA9A8

  rgb(110, 169, 168)
• 93BEBD

  rgb(147, 190, 189)
• B7D4D3

  rgb(183, 212, 211)
• DBE9E9

  rgb(219, 233, 233)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 008080

  rgb(0, 128, 128)
• 257F7E

  rgb(37, 127, 126)
• 3A7D7C

  rgb(58, 125, 124)
• 4B7B7A

  rgb(75, 123, 122)
• 597878

  rgb(89, 120, 120)
• 667675

  rgb(102, 118, 117)
• 808080

  rgb(128, 128, 128)

Teal Palette

Explore curated and automatically generated color palettes featuring teal. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#28FFFF

Light

#1AD3D3

Medium Light

#0CA9A9

Medium

#008080

Medium Dark

#055B5B

Dark

#053939

Darkest

#001A1A

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#008080

Left Dark

#599D9C

Left Medium

#8FBAB9

Left Light

#C2D7D6

Neutral

#F5F5F5

Right Light

#E0BBB2

Right Medium

#C68273

Right Dark

#A54B39

Complementary End

#800000

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#93BEBD

Medium

#008080

Dark

#004445

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#008000

Left Adjacent 1

#008040

Main

#008080

Right Adjacent 1

#004080

Right Adjacent 2

#000080

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#008080

Complementary

#800000

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#008080

Secondary

#800080

Tertiary

#808000

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#008080

Right 90°

#400080

Complementary

#800000

Left 90°

#408000

Tetradic

Two pairs of complementary colors

4 colors

Main

#008080

Secondary

#000080

Complementary

#800000

Complementary Secondary

#808000

Split Complementary

Complementary colors ±30°

3 colors

Main

#008080

Split Left

#800040

Split Right

#804000

Cyclic

Circular gradient for periodic data

8 colors

0°

#008080

45°

#002080

90°

#400080

135°

#800060

180°

#800000

225°

#806000

270°

#408000

315°

#008020

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#9CC9C9

Pastel 1

#A9D1D1

Pastel 2

#B6D8D8

Pastel 3

#C3DFDF

Pastel 4

#D1E6E6

Deep Pastel

#DEEDED

Common Blue Color Codes (HEX & RGB)

Blue →

HEX:#0000FF

RGB:rgb(0, 0, 255)

Navy Blue →

HEX:#000080

RGB:rgb(0, 0, 128)

Dark Blue →

HEX:#00008B

RGB:rgb(0, 0, 139)

Light Blue →

HEX:#ADD8E6

RGB:rgb(173, 216, 230)

Royal Blue →

HEX:#4169E1

RGB:rgb(65, 105, 225)

Sky Blue →

HEX:#87CEEB

RGB:rgb(135, 206, 235)

Baby Blue →

HEX:#89CFF0

RGB:rgb(137, 207, 240)

Electric Blue →

HEX:#7DF9FF

RGB:rgb(125, 249, 255)

Indigo →

HEX:#4B0082

RGB:rgb(75, 0, 130)

Turquoise →

HEX:#40E0D0

RGB:rgb(64, 224, 208)

Cyan →

HEX:#00FFFF

RGB:rgb(0, 255, 255)

Extract Teal Hex & RGB Codes from Image

Upload a photo to find the exact teal HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Teal Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for teal shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #008080
• RGB:
  rgb(0, 128, 128)
• CMYK:
  cmyk(100%, 0%, 0%, 50%)
• HSV:
  hsv(180°, 100%, 50%)
• HSL:
  hsl(180°, 100%, 25%)

---

What is Teal?

Teal is a balanced blend of blue and green, named after the common teal duck whose feathers feature this distinctive color. The word "teal" entered the English language in the early 19th century, derived from the Old English word teala. Before that, the color was known as "turquoise" or simply "blue-green." Today, teal is celebrated for its unique balance of calm and vibrancy.

The hex code for teal is #008080, with RGB values of rgb(0, 128, 128). The color features equal parts blue and green with zero red, creating its characteristic balanced appearance. Its CMYK values emphasize cyan with minimal magenta and yellow, producing a rich, sophisticated color in print.

Teal vs Similar Colors

Teal occupies a unique space between blue and green:

Color	HEX Code	Key Difference
Teal	#008080	Balanced blue-green
Turquoise	#40E0D0	Brighter, more cyan
Cyan	#00FFFF	Pure blue-green, electric
Sea Green	#2E8B57	More green-leaning

Teal is darker and more muted than turquoise, with equal parts blue and green. It's more balanced than sea green, which leans distinctly toward green.

Color Psychology and Meaning

Teal carries a unique psychological profile:

• Balance and harmony: Teal's equal blend of blue and green creates a sense of equilibrium
• Calm and renewal: Combines blue's serenity with green's freshness
• Creativity and innovation: The unusual blend makes teal feel modern and forward-thinking
• Healing and wellness: Used in spas and healthcare settings for its soothing properties

Using Teal in Design

Teal's versatility makes it popular across industries:

Web and UI Design: Teal works beautifully for wellness platforms, creative agencies, and tech startups. It creates refreshing interfaces, standout CTAs, and memorable brand identities. Pair with white or cream for clean, modern designs.

Graphic Design: Teal shines in wellness branding, environmental campaigns, and modern packaging. It pairs well with coral, mustard, and neutrals for contemporary designs.

Fashion and Interiors: A popular color for both casual and formal wear, teal flatters a wide range of skin tones. In interiors, it adds sophistication as an accent wall or statement furniture.

Color Harmony and Combinations

Teal pairs beautifully with:

• Monochromatic: Various teal shades create depth and interest
• Complementary: Coral or peach provides vibrant contrast
• Analogous: Emerald green, turquoise, and navy create cohesive schemes
• Neutral grounding: White, cream, taupe, and wood tones let teal stand out

For accessibility, teal (#008080) on white achieves approximately 6.5:1 contrast — excellent for text readability.

Frequently Asked Questions

What is the teal hex code?

The teal hex code is #008080. This balanced blue-green is widely used in design.

What colors go well with teal?

Teal pairs beautifully with coral, peach, mustard yellow, navy, white, and cream.

Is teal the same as turquoise?

No. Teal (#008080) is darker and more muted than turquoise (#40E0D0), with equal parts blue and green.

What are the RGB values for teal?

The teal RGB code is rgb(0, 128, 128) — equal parts blue and green with zero red.

What is teal's CMYK value?

Teal CMYK is approximately C:100, M:0, Y:0, K:50, producing its characteristic balanced blue-green in print.