Skip to content

Turquoise #40e0d0

A gemstone the sea kept copying.

RGB
64, 224, 208
HSL
174°, 72%, 57%
CMYK
71, 0, 7, 12
Luminance
0.5896

About Turquoise

Turquoise, #40e0d0, borrows its name from the opaque blue-green stone traders brought to Europe “through Turkey.” It is the color of shallow tropical water over white sand — which is why no color on Earth sells vacations harder.

History

The stone itself decorated Egyptian pharaohs, Persian domes and Native American silverwork millennia apart — one of the few materials sacred on four continents. Isfahan’s turquoise-tiled mosques made the color architectural; 1950s America made it automotive, chrome-trimmed and optimistic.

Psychology

Turquoise combines water’s calm with green’s renewal and a lift of energy the deeper teals lack — rated refreshing, open and creative. It is summer’s color in temperate marketing and year-round shorthand for “tropical.”

In design

Turquoise glows on dark surfaces and pairs iconically with coral — the complementary beach palette — plus sand neutrals, navy and white. As text it is too light for white grounds; as fills, buttons-on-dark and gradients it is pure vitality. This hub’s cyan accents sit one step to its blue side.

In culture

December’s birthstone, Persia’s protective amulet, the American Southwest’s signature — and the color of every infinity pool ever photographed. Few colors are this literally aspirational.

Brands that own turquoise

Shades of turquoise

Every format

HEX#40e0d0
RGBrgb(64, 224, 208)
HSLhsl(174, 72%, 57%)
CMYKcmyk(71%, 0%, 7%, 12%)
LABlab(81.3 -44.1 -4.0)
LCHlch(81.3 44.3 185.2)
OKLCHoklch(0.822 0.131 185.1)

Copy-ready code

/* CSS */
color: #40e0d0;
background-color: #40e0d0;
/* Tailwind (arbitrary) */
class="text-[#40e0d0] bg-[#40e0d0]"
/* SCSS */
$brand: #40e0d0;
/* SwiftUI */
Color(red: 0.251, green: 0.878, blue: 0.816)
/* Android */
Color.parseColor("#40e0d0")

Accessibility — WCAG contrast

Aa
#40e0d0 on white: 1.64:1
AA ✗ fail · AA-large · AAA
Aa
#40e0d0 on black: 12.79:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red25.1%
Green87.8%
Blue81.6%

CMYK percentages

Cyan71.4%
Magenta0.0%
Yellow7.1%
Key (black)12.2%

Color previews

#40e0d0 text on a black background

contrast 12.79:1

Card sample

#40e0d0 text on a white background

contrast 1.64:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #40e0d0;
Background color
Panel with #40e0d0 background
background-color: #40e0d0;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #40e0d0;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(64, 224, 208, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(64, 224, 208, 0.45);
Border & gradient
Gradient panel
border: 3px solid #40e0d0;
background: linear-gradient(135deg, #40e0d0, #4085E0);

Monochromatic scale

Palettes built from #40e0d0

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Turquoise, answered

What is the hex code for turquoise?

CSS turquoise is #40e0d0, with medium #48d1cc and dark #00ced1 variants. The gemstone trademark region (Tiffany) sits near #0abab5.

Turquoise vs aqua vs cyan — what’s the difference?

Cyan #00ffff is the pure blue-green primary; aqua is its CSS synonym; turquoise is softer, slightly green-leaning and named after the stone — the “natural” member of the family.

What colors pair with turquoise?

Coral is the classic complement (the beach palette), plus sand, white, navy and gold. Against charcoal it becomes a high-energy tech accent.

Work with #40e0d0 in the Color Lab