colorcodekit

Color Codes › Shades of Turquoise

Shades of turquoise

Q: What are the shades of turquoise?

Shades of turquoise are made by mixing turquoise with black, producing progressively darker versions. Tints mix with white for lighter versions, and tones mix with grey for muted versions.

Q: What is the hex code for turquoise?

A common turquoise is #40E0D0 (rgb(64, 224, 208)), but turquoise spans a whole range — see the full set of shades and tints on this page.

A full palette of turquoise — shades (toward black), tints (toward white) and tones (toward grey) — each with its hex and RGB code. Click any swatch to copy.

#40E0D0

Shades of turquoise

Turquoise mixed with black — darker and deeper.

#40E0D0

rgb(64, 224, 208)

#3ACCBD

rgb(58, 204, 189)

#34B7AA

rgb(52, 183, 170)

#2FA397

rgb(47, 163, 151)

#298F84

rgb(41, 143, 132)

#237A71

rgb(35, 122, 113)

#1D665F

rgb(29, 102, 95)

#17514C

rgb(23, 81, 76)

#113D39

rgb(17, 61, 57)

#0C2926

rgb(12, 41, 38)

#061413

rgb(6, 20, 19)

#000000

rgb(0, 0, 0)

Tints of turquoise

Turquoise mixed with white — lighter and softer.

#40E0D0

rgb(64, 224, 208)

#51E3D4

rgb(81, 227, 212)

#63E6D9

rgb(99, 230, 217)

#74E8DD

rgb(116, 232, 221)

#85EBE1

rgb(133, 235, 225)

#97EEE5

rgb(151, 238, 229)

#A8F1EA

rgb(168, 241, 234)

#BAF4EE

rgb(186, 244, 238)

#CBF7F2

rgb(203, 247, 242)

#DCF9F6

rgb(220, 249, 246)

#EEFCFB

rgb(238, 252, 251)

#FFFFFF

rgb(255, 255, 255)

Tones of turquoise

Turquoise mixed with grey — muted and subtle.

#40E0D0

rgb(64, 224, 208)

#46D7C9

rgb(70, 215, 201)

#4CCFC1

rgb(76, 207, 193)

#51C6BA

rgb(81, 198, 186)

#57BDB3

rgb(87, 189, 179)

#5DB4AC

rgb(93, 180, 172)

#63ACA4

rgb(99, 172, 164)

#69A39D

rgb(105, 163, 157)

#6F9A96

rgb(111, 154, 150)

#74918F

rgb(116, 145, 143)

#7A8987

rgb(122, 137, 135)

#808080

rgb(128, 128, 128)

Shades, tints and tones explained

Starting from a base turquoise (#40E0D0), a shade adds black, a tint adds white, and a tone adds grey. Together they give you a coherent turquoise palette — useful for hover states, backgrounds, borders and accessible text.

Want a different starting turquoise? Open the colour picker, choose your exact turquoise, and it will generate fresh shades and tints, or convert any of the codes above to OKLCH, HSL or CMYK.

What are the shades of turquoise?

Turquoise mixed with increasing amounts of black, giving progressively darker versions. Tints use white, tones use grey.

What is the hex code for turquoise?

A common turquoise is #40E0D0, but turquoise spans the whole range shown above.

Popular colours

Sage green Navy blue Teal Coral Burgundy Terracotta Mint green Shades of blue Shades of pink All colour codes →

Color tools

Color Picker →

Pick visually, get every code.

Converter →

Convert between any formats.

Contrast Checker →

WCAG AA/AAA pass-fail.

Named Colors →

All 140 CSS colours.