Teal

#008080

Color Information

Hex Code

#008080

RGB

0, 128, 128

HSL

180°, 100%, 25%

CSS

#008080

Name

Teal

Color Tints

Lighter variations of Teal

#008080

#1A8D8D

10%

#339999

20%

#4DA6A6

30%

#66B3B3

40%

#80C0C0

50%

#99CCCC

60%

#B3D9D9

70%

#CCE6E6

80%

#E6F2F2

90%

#FFFFFF

100%

Color Shades

Darker variations of Teal

#008080

#007373

10%

#006666

20%

#005A5A

30%

#004D4D

40%

#004040

50%

#003333

60%

#002626

70%

#001A1A

80%

#000D0D

90%

#000000

100%

Related Colors

Complementary Color

#800000

Opposite on color wheel

Split-Complementary Colors

#800040, #804000

Adjacent to complementary color

Analogous Colors

#008040, #004080

Adjacent colors on color wheel (30° apart)

Triadic Colors

#800080, #808000

Three colors equally spaced (120° apart)

Tetradic Colors

#000080, #800000, #808000

Rectangle on color wheel (90° apart)

Square Colors

#400080, #800000, #408000

Four colors equally spaced (90° apart)

Monochromatic Variations

#4DFFFF, #00E6E6, #001919, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring Teal. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#008080

#008020

#002080

#800000

#804000

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#008080

#800080

#808000

#0000E6

#006600

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#008080

#00FFFF

#004D4D

#800040

#804000

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#008080

RGB Values

0, 128, 128

HSL Values

180°, 100%, 25%