Teal Green

HEX: #006D5B | Modern Palette

On White
6.29:1
PASS
On Black
3.34:1
FAIL

Color Specifications

HEX
#006D5B
RGB
0, 109, 91
HSL
170°, 100% ,42%
CMYK
100, 0, 16.51, 57.25

About Teal Green

Teal Green (#006D5B) is a color with RGB(0, 109, 91) and HSL(170.09°, 100%, 42.75%). It is commonly associated with Bold moods. In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #6D0012, which creates strong contrast. Its triadic palette includes #5B006D and #6D5B00. The name comes from Teal (English).

  • HEX: #006D5B
  • RGB: 0, 109, 91
  • HSL: 170.09°, 100%, 42.75%
  • Mood: Bold
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #6D0012
  • Triadic colors: #5B006D, #6D5B00
  • The name comes from Teal (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #006D5B from deepest shade to lightest tint.

Color Characteristics

Mood
Bold
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #5D5D5C
Protanopia #67675B
Tritanopia #136B6B
Achromatopsia #606060

Frequently Asked Questions

Teal Green (#006D5B) is a color with RGB(0, 109, 91) and HSL(170.09°, 100%, 42.75%).

#006D5B pairs strongly with #6D0012 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#006D5B is suitable for Text, Button, Accent and works well with Vivid, Cool styles.

#006D5B is commonly associated with Bold.

The name Teal Green is linked to Teal from English, meaning A small freshwater duck (Anas crecca) known for the distinctive greenish-blue stripe on its wing..

Name, History & Etymology

Origin Word Teal
Meaning A small freshwater duck (Anas crecca) known for the distinctive greenish-blue stripe on its wing.
Language English
First Recorded Use Late 17th Century (for the bird), Mid-19th Century (for the color)

History

The color 'teal' is derived directly from the name of the Eurasian teal duck, which exhibits a prominent, iridescent greenish-blue speculum (a patch on the secondary flight feathers). As a color term, it gained popularity in fashion and interior design, particularly in the Art Deco period and again in the 1950s and 1990s. 'Teal Green' specifically emphasizes the green component of the color, distinguishing it from more bluish teals. The hexadecimal code #006d5b represents a deep, muted teal that leans distinctly green.

First Recorded Use

The word 'teal' for the bird dates back to the late 17th century. Its use as a color name, specifically referring to the greenish-blue hue, became more common in the mid-19th century, likely inspired by the duck's plumage. The addition of 'Green' further specifies the shade towards the greener end of the teal spectrum.

Cultural Associations

Teal is often associated with sophistication, tranquility, and nature (specifically water and lush vegetation). It can evoke feelings of calmness and balance. In some cultures, green-blue colors are linked to healing and protection. 'Teal Green' specifically might be seen as more earthy or organic than a pure teal. It's a popular color in corporate branding for companies wanting to convey stability, innovation, and environmental consciousness. It's also frequently used in home decor for a calming yet rich aesthetic.

Similar Named Colors

Tropical Rain Forest #00755E ΔE 3.11
Bottle Green #006A4E ΔE 3.91
Pine Green #01796F ΔE 5.55

Code Snippets

/* Background */
.element {
    background-color: #006D5B;
}

/* Text */
.element {
    color: #006D5B;
}

/* Border */
.element {
    border: 1px solid #006D5B;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #006D5B,
        #DA0024
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #006D5B,
        #DA0024
    );
}

// SCSS variable
$teal-green: #006D5B;

// With RGB channels (useful for rgba() usage)
$teal-green-r: 0;
$teal-green-g: 109;
$teal-green-b: 91;

// Usage
.element {
    background-color: $teal-green;
    color: rgba($teal-green-r, $teal-green-g, $teal-green-b, 0.8);
}