15 Different Shades of Turquoise (+ HEX codes)

Explore all shades of turquoise, from lighter to darker shades. See HEX codes, shade names, and turquoise color palettes. Click any shade to copy its HEX code.

Turquoise is teal with the lights on: the stone, the sea over sand, and a lot of 1970s jewellery. It is cheerful without being childish.

Keep it away from pure white backgrounds, where it glares; on cream or charcoal it looks like the stone it is named after.

white
#ffffff
white ice
#e9fbfa
mint tulip
#bef4ef
ice cold
#a8f1ea
riptide
#93ede4
spray
#7deadf
turquoise blue
#67e6da
turquoise
#3cdfcf
java
#21c8b7
eastern blue
#1db2a3
mountain meadow
#199d8f
genoa
#16877c
eden
#0f5b54
bottle green
#08302c
black pearl
#041a18

Turquoise: HEX & RGB Codes

turquoise has the following primary color codes:

HEX: #ffffff
RGB: (255, 255, 255).

Explore a wide range of turquoise shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of turquoise

White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff

Explore shades of turquoise

Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0

turquoise in HEX, RGB, HSL and CMYK

HEX	#40E0D0
RGB	rgb(64, 224, 208)
HSL	hsl(174, 72%, 56%)
CMYK	cmyk(71%, 0%, 7%, 12%)

Tints and shades of turquoise

Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.

Tints (lighter)

#5be4d7
#78e9de
#96eee5
#b3f3ec
#d0f7f3
#edfcfb

Shades (darker)

#22d0be
#1caa9b
#158479
#0f5e56
#093833
#031210

Colours that work with turquoise

Complementary

#40E0D0 #e03e4e

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#3ee07f #40E0D0 #3e9fe0

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#40E0D0 #cf3ee0 #e0cf3e

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on turquoise

Example Primary text

White text on turquoise1.64:1Fail

Example Primary text

Near-black text on turquoise10.81:1AAA

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

turquoise shade chart

Shade chart showing five steps of turquoise, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.