What colors go well with teal?

Teal pairs with its complementary colour #800000 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Teal Color — Hex Code #008080, RGB, Palettes & CSS

Q: What is the hex code for teal?

Teal is commonly #008080, which is rgb(0, 128, 128). Like most descriptive colour names it covers a small range, but this is a widely used value.

Teal colour codes

Hex

#008080

RGB

rgb(0, 128, 128)

HSL

hsl(180, 100%, 25%)

HSV

hsv(180, 100%, 50%)

OKLCH

oklch(0.54 0.09 195)

CMYK

cmyk(100%, 0%, 0%, 50%)

Complementary palette

Teal with its opposite on the colour wheel.

#008080

rgb(0, 128, 128)

#800000

rgb(128, 0, 0)

Triad palette

Teal with two evenly-spaced partners.

#008080

rgb(0, 128, 128)

#800080

rgb(128, 0, 128)

#808000

rgb(128, 128, 0)

Monochromatic palette

Lighter and darker versions of teal at the same hue.

#074646

rgb(7, 70, 70)

#0A6060

rgb(10, 96, 96)

#0C7A7A

rgb(12, 122, 122)

#0E8D8D

rgb(14, 141, 141)

Lighter tints

Teal toward white.

#008080

rgb(0, 128, 128)

#249292

rgb(36, 146, 146)

#49A4A4

rgb(73, 164, 164)

#6DB6B6

rgb(109, 182, 182)

#92C9C9

rgb(146, 201, 201)

#B6DBDB

rgb(182, 219, 219)

#DBEDED

rgb(219, 237, 237)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Teal toward black.

#008080

rgb(0, 128, 128)

#006E6E

rgb(0, 110, 110)

#005B5B

rgb(0, 91, 91)

#004949

rgb(0, 73, 73)

#003737

rgb(0, 55, 55)

#002525

rgb(0, 37, 37)

#001212

rgb(0, 18, 18)

#000000

rgb(0, 0, 0)

About teal

A blue-green named after the teal duck. Balanced between calm and vibrant, it is widely used in branding, UI accents and interiors. The value shown here (#008080) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with teal

The complementary colour (#800000) sits opposite teal on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using teal in your design

For CSS, paste #008080 or the oklch(0.54 0.09 195) value, or download the ready-made teal.css file above — it includes a full 50–950 token scale. Always check contrast before using teal behind text.

What is the hex code for teal?

Teal is commonly #008080 (rgb(0, 128, 128)). It covers a small range, but this is a widely used value.

What colours go well with teal?

Its complementary colour #800000 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Teal colour

Teal colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About teal

Palettes that work with teal

Using teal in your design

Popular colours

Color tools