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

Teal Green #006D5B is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
TEAL GREEN
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
TEAL GREEN
 
 
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.
 
 
 
SPANISH RED
 

Color Harmonies

Teal Green #006D5B pairs with #6D0012 as its complementary color, and #5B006D and #6D5B00 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

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

TEAL GREEN
Analogous

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

TEAL GREEN
Triadic

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

TEAL GREEN
Split-Complementary

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

TEAL GREEN
Tetradic (Square)

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

TEAL GREEN
Monochromatic

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

TEAL GREEN

Shades & Tints

The shade and tint range for Teal Green #006D5B moves from dark #001A15 tones through the base color to lighter #E6FFFB tones, making it useful for depth, hierarchy, and background variation.

TEAL GREEN

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
Deep Green-cyan Turquoise #0E7C61 ΔE 5.81

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);
}