Turquoise color: hex codes, shades and palettes

Palettes built around turquoise. Click any swatch to copy its hex code.

Turquoise is #40E0D0 — cyan. Below are its shades with hex codes, the values in every common format, and turquoise color palettes to copy.

Turquoise hex, RGB, HSL and OKLCH

#40E0D0
HEX
#40E0D0
RGB
rgb(64, 224, 208)
HSL
hsl(174, 72%, 56%)
OKLCH
oklch(82.2% 0.131 185.1)
On white
1.64:1
On black
12.79:1

Shades of turquoise

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Turquoise on white measures 1.64:1 and on black 12.79:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.02:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:teal, aqua. See every shade on the colors index.