Teal
Meet Teal (#008080), a color that perfectly balances the cool tranquility of blue with the organic energy of green. Its striking quality comes from this unique equilibrium, offering a saturated hue that provides both depth and a touch of modern sophistication to any design palette.
Teal Code Conversions
HEX
#008080
LAB
48, -29, -8
RGB
0, 128, 128
XYZ
11.6, 17.0, 23.1
HSL
180°, 100%, 25%
LCH
48, 30, 196°
HSB
180°, 100%, 50%
LUV
48, -37, -8
HWB
180°, 0%, 50%
Teal Color Harmonies
Analogous
Analogous colors are Teal's neighbors on the color wheel. Using them together produces a gentle, low-contrast palette that feels both calm and composed.
Complementary
A complementary color scheme for Teal involves its direct opposite on the color wheel. This pairing creates a bold, high-contrast combination that makes both colors pop.
Split Complementary
A split complementary scheme for Teal uses the two colors adjacent to its direct opposite, offering a vibrant yet balanced palette with more creative options.
Triadic
A triadic palette pairs Teal with two other colors equally spaced on the color wheel, creating a vibrant and balanced high-contrast look.
Tetradic
A tetradic scheme pairs Teal with three other hues, forming two complementary pairs for a rich and balanced four-color design palette.
Square
A square color scheme uses four colors evenly spaced on the color wheel. With Teal as the base, this creates a vibrant, high-contrast palette.
Teal Contrast Simulation
Teal Color Variations
Shades
Shades are darker versions of Teal, created by adding black for a heavier and deeper feel.
Tints
By mixing white with Teal, you create tints—lighter variations that soften the palette.
Tones
Tones are simply Teal mixed with gray, producing a more subtle and sophisticated effect.
Hues
Hues are variations of Teal, differing in intensity or temperature to influence visual perception.
What Interfaces Use Colors Like Teal?






















