Color Palettes

Teal green color

A teal that leans toward green, sitting halfway between emerald and turquoise. It is a sophisticated choice for kitchens, accent chairs and fall fashion.

Also known as: Green teal.

Open in editor

The hex code for teal green is #00827F. In RGB it is rgb(0, 130, 127), in HSL hsl(179, 100%, 25%) and in CMYK 100, 0, 2, 49.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to teal green

Teal#008080Dark cyan#008B8BPine green#01796FLagoon#017987Viridian#40826DEucalyptus#5F8575

About teal green

Teal green (#00827F) is a cool, dark, highly saturated color. It belongs to the turquoises family. It mixes 0 red, 130 green and 127 blue (out of 255). It is mostly used in kitchens, furniture, fashion.

Swatch of Teal green with its shades from light to dark · #00827F
Teal green · #00827F

Teal green shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Teal green color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Maroon
AnalogousClose to: Sea green, Twilight blue
TriadicClose to: Purple, Olive green
Split complementaryClose to: Tyrian purple, Chocolate brown
TetradicClose to: Indigo, Maroon, Avocado

Teal green color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Teal green
Analogous palette · Teal green
Complementary palette · Teal green
Triadic palette · Teal green
With neutrals palette · Teal green
With an accent palette · Teal green

Teal green contrast with text

White textContrast 4.7:1 · AA
Black textContrast 4.5:1 · AA large text

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --teal-green: #00827F;
  --teal-green-rgb: 0, 130, 127;
}
.bg { background-color: var(--teal-green); }
.text { color: var(--teal-green); }

Colors similar to teal green

VerdigrisLight sea greenBottle greenDark teal

Themed palettes with this color

Birthday color palettesQuinceañera color palettesMobile app color palettesReal estate color palettesBoho color palettesMonochromatic color palettes

More turquoises

TurquoiseAquamarineCyanSeafoam greenTealPetrol blueDark tealDark turquoisePastel turquoiseTiffany blueLight sea greenMedium aquamarineCaribbean greenCelesteVerdigrisMedium turquoiseDark cyanDuck egg blueDeep tealTurquoise blueMidnight greenLagoonPacific bluePool blue
Swatch of Teal green with its shades from light to dark · #00827F
Swatch of Teal green with its shades from light to dark · #00827F

Try this next

Name color paletteType a name and get your own color story paletteColor TowerThe color palette game: stack blocks in a gradientSelfie color analysisFind your season and best colors from one photo
See all free tools →

Frequently asked questions

What is the hex code for teal green?

The hex code for teal green is #00827F. In RGB it is rgb(0, 130, 127), in HSL hsl(179, 100%, 25%) and in CMYK 100, 0, 2, 49.

What is the complementary color of teal green?

Its complement on the color wheel is #820003, close to maroon. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on teal green?

Yes. The contrast with white is 4.7:1, enough for body text (WCAG AA).