Recolorify
Sign inStart free →
DESIGN10 min read· Jun 22, 2026

The Ultimate Guide to Turquoise Color Codes, Hex Codes, and Shades of Turquoise

Turquoise is the color of tropical water, vitality, and playful energy — a bright blue-green that feels fresh and optimistic, popular in beauty, travel, and lifestyle brands. Whether you are a web designer matching co-brand assets, an e-commerce manager building variant listings, or a developer wiring up a design system, color codes are your shared language. In this guide we break down the hex codes, RGB coordinates, and LAB parameters for the most popular shades of turquoise, with practical tips on recoloring assets into these exact tones without quality loss.

The Ultimate Guide to Turquoise Color Codes, Hex Codes, and Shades of Turquoise

The core turquoises and their codes

Interactive Turquoise Swatch Grid

Click any swatch to copy its Hex code to your clipboard and view its RGB/HSL conversions.

Pure turquoise

HSL(174°, 72%, 56%) — the classic web turquoise.

Selected color: #40E0D0

Turquoise in RGB, HSL, and CMYK

A hex code is a compact RGB triplet, so #40E0D0 is RGB(64, 224, 208) — heavy on green and blue with a little red, which lifts it from pure cyan toward a softer turquoise.

For pure turquoise #40E0D0: RGB(64, 224, 208), HSL(174°, 72%, 56%), CMYK(71%, 0%, 7%, 12%). For dark turquoise #00CED1: RGB(0, 206, 209), HSL(181°, 100%, 41%).

Why hex alone isn't enough for recoloring

A hex code defines a target color, but it says nothing about lightness. Turquoise is a bright, high-chroma hue, so a flat RGB swap blows out highlights and flattens the folds and shadows that make a product look real.

This is why perceptually-uniform spaces matter. LAB separates lightness (the L channel — folds, highlights, shadows) from the color itself (A and B). Recoloring in LAB lets you hit an exact turquoise hex while every shadow and texture detail of the original survives.

Matching brand turquoises across assets

Turquoise is vivid and memorable, which makes drift especially noticeable — a slightly bluer or greener turquoise across listings reads as a mistake. Define each brand turquoise once — with a name, a hex, and a use case — and recolor every asset to that exact value rather than eyeballing it.

With Recolorify you can paste an exact turquoise hex and recolor a logo, a product photo, or a garment to match it precisely, keeping texture intact. See also our guides to teal color codes and green color codes.

Best color pairings for turquoise

  • Turquoise + coral (#FF6F61) — beachy and tropical; the definitive summer pairing.
  • Turquoise + white (#FFFFFF) — fresh and clean for travel and wellness.
  • Turquoise + navy (#0B1F3A) — nautical and crisp.
  • Turquoise + orange (#FF7A00) — vibrant and playful for youthful brands.
  • Turquoise + gold (#D4AF37) — jewel-toned and luxurious, echoing turquoise stone.

Frequently asked questions about turquoise color codes

What is the hex code for turquoise? The CSS keyword "turquoise" is #40E0D0 — a bright blue-green.

What is the RGB code for turquoise? Pure turquoise is RGB(64, 224, 208).

What is the difference between turquoise, aqua, and cyan? Aqua and cyan are the same pure #00FFFF; turquoise (#40E0D0) is slightly greener and softer, with a touch of red mixed in.

What is the hex code for dark turquoise? Dark turquoise is #00CED1 — a deeper, more saturated blue-green.