Skip to content

Cyan and Teal Color Codes with HEX and RGB

Shades of cyan, teal and turquoise with HEX, RGB and HSL codes: named CSS colors, Tailwind and Bootstrap cyans and teals, web-safe colors and combinations.

Named cyan colors (CSS)

Cyans & Teals in Tailwind CSS and Bootstrap

Web-safe cyan colors

Cyan color combinations

Five-color schemes built from #06B6D4 with color-wheel rules. Click a color to copy it, or open the scheme in the palette generator.

Monochromatic Edit
Complementary Edit
Analogous Edit
Triadic Edit
Soft & muted Edit
High contrast Edit

Cyan, teal and turquoise sit between green and blue. They feel fresh, clean and modern, and are popular in tech, health and travel designs.

Using cyan and teal in web design

  • Teal works as a calmer alternative to bright blue for primary buttons and links.
  • Bright cyans are light, so put dark text on them or use a deep teal like #0F766E behind white text.
  • Teal pairs nicely with coral or orange, its warm complement.

About this page

The colors above are grouped automatically by hue, saturation and lightness. Click any swatch to copy its HEX code, or open Details to convert it to RGB, HSL, HSV and CMYK in the color picker. To build a full scale from one of these colors, use the tints & shades generator, and check text colors with the contrast checker.