↑ ↓ to moveEnter to openEsc to close

Turquoise color codes and shades

Turquoise is a bright blue-green named after the gemstone. See the CSS turquoise family, named turquoise shades and clear aqua blues.

CSS turquoise keywords

  • CSSAa 14.07:1
    aquamarine #7FFFD4 RGB 127, 255, 212
  • CSSAa 13.35:1
    paleturquoise #AFEEEE RGB 175, 238, 238
  • CSSAa 10.49:1
    turquoise #40E0D0 RGB 64, 224, 208
  • CSSAa 9.24:1
    mediumturquoise #48D1CC RGB 72, 209, 204
  • CSSAa 8.81:1
    darkturquoise #00CED1 RGB 0, 206, 209
  • CSSAa 6.56:1
    lightseagreen #20B2AA RGB 32, 178, 170

Named turquoises

Every color here has "turquoise" in its name.

  • Aa 4.32:1
    Tibetan Turquoise #0084A6 RGB 0, 132, 166
  • Aa 4.37:1
    Absinthe Turquoise #008A60 RGB 0, 138, 96
  • Aa 4.46:1
    Ornamental Turquoise #00867D RGB 0, 134, 125
  • Aa 4.52:1
    Kandinsky Turquoise #2D8284 RGB 45, 130, 132
  • Aa 4.59:1
    Dull Turquoise #557D73 RGB 85, 125, 115
  • Aa 4.56:1
    Summer Turquoise #008572 RGB 0, 133, 114
  • Aa 4.84:1
    Turquoise Tortoise #457B74 RGB 69, 123, 116
  • Aa 5.15:1
    Turquoise Cyan #0E7C61 RGB 14, 124, 97
  • Aa 5.20:1
    Hydra Turquoise #007A73 RGB 0, 122, 115
  • Aa 5.40:1
    Rare Turquoise #00748E RGB 0, 116, 142
  • Aa 5.97:1
    Active Turquoise #006F72 RGB 0, 111, 114
  • Aa 6.01:1
    Falcon Turquoise #007062 RGB 0, 112, 98
  • Aa 6.40:1
    Loon Turquoise #2E6676 RGB 46, 102, 118
  • Aa 7.82:1
    Dark Turquoise #045C5A RGB 4, 92, 90
  • Aa 9.54:1
    Antique Turquoise #004E4E RGB 0, 78, 78
  • Aa 13.01:1
    Night Turquoise #003833 RGB 0, 56, 51

Aqua and lagoon blues

  • Aa 12.23:1
    Aqua #0FF0FE RGB 15, 240, 254
  • Aa 11.69:1
    Aqua Fiesta #96E2E1 RGB 150, 226, 225
  • Aa 9.54:1
    Hidden Sea Glass #6FD1C9 RGB 111, 209, 201
  • Aa 8.50:1
    Sea Serpent #4BC7CF RGB 75, 199, 207
  • Aa 7.96:1
    Caribbean Blue #1AC1DD RGB 26, 193, 221
  • Aa 7.41:1
    Tropical Escape #4DBBAF RGB 77, 187, 175
  • Aa 6.86:1
    Thalassa #53B1BA RGB 83, 177, 186
  • Aa 5.96:1
    Twilight Meadow #51A5A4 RGB 81, 165, 164
  • Aa 5.05:1
    Sea #3C9992 RGB 60, 153, 146
  • Aa 4.62:1
    Oasis #0092A3 RGB 0, 146, 163

Palette idea: light to dark

  • LightestAa 14.07:1
    aquamarine #7FFFD4 RGB 127, 255, 212
  • LightAa 8.50:1
    Sea Serpent #4BC7CF RGB 75, 199, 207
  • MidAa 4.32:1
    Tibetan Turquoise #0084A6 RGB 0, 132, 166
  • DeepAa 5.15:1
    Turquoise Cyan #0E7C61 RGB 14, 124, 97
  • DarkestAa 13.01:1
    Night Turquoise #003833 RGB 0, 56, 51

Palette idea: with neutrals

  • BackgroundAa 16.11:1
    Warm white #FAF7F2 RGB 250, 247, 242
  • SurfaceAa 9.54:1
    Hidden Sea Glass #6FD1C9 RGB 111, 209, 201
  • MainAa 4.32:1
    Tibetan Turquoise #0084A6 RGB 0, 132, 166
  • DeepAa 5.97:1
    Active Turquoise #006F72 RGB 0, 111, 114
  • TextAa 16.81:1
    Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

  • LightAa 11.69:1
    Aqua Fiesta #96E2E1 RGB 150, 226, 225
  • MainAa 4.32:1
    Tibetan Turquoise #0084A6 RGB 0, 132, 166
  • DarkAa 6.40:1
    Loon Turquoise #2E6676 RGB 46, 102, 118
  • AccentAa 4.65:1
    Complement #AB6140 RGB 171, 97, 64
  • BaseAa 15.53:1
    Off-white #F5F3EE RGB 245, 243, 238

Named after the stone

Turquoise takes its name from the gemstone, which reached Europe through Turkey and was called the "Turkish stone". The CSS keyword turquoise is #40E0D0; darkturquoise and mediumturquoise are close relatives.

Turquoise, teal and aqua

  • Turquoise is bright and light, with a green lean.
  • Teal is darker and calmer. See teal.
  • Aqua is the pure #00FFFF screen cyan.

Styling turquoise

Turquoise reads tropical and fresh. It pairs well with coral, sand, white, navy and lemon yellow. Use it as an accent: large areas of bright turquoise can feel loud.

On screen

Most turquoises are light, so they need dark text. They make good highlight and badge colors on a white page. Build matching palettes with the palette generator or browse mint green and cool colors.