Turquoise

#40E0D0

What color is Turquoise?

Turquoise is a bright blue-green that leans slightly more toward blue than green, hex #40E0D0, with a clarity that calls to mind shallow tropical water. It is lighter and more vivid than teal, with a clean, open quality that makes it easy to recognize.

What is the meaning of the color Turquoise?

French traders brought the stone now called turquoise into Europe through Turkish ports in the 13th century, and the color takes its name from the Old French word for Turkish. The gemstone was prized in ancient Egypt and Persia long before European contact, appearing in burial ornaments and palace decoration. By the 16th century, the word had passed into English as both a name for the stone and its distinctive blue-green color. Tiffany and Co. adopted a similar shade as its signature packaging color in 1845, making it one of the most recognized brand colors in the world.

RGB
64, 224, 208
HSL
174°, 72%, 56%
CMYK
71, 0, 7, 12
HSV
174°, 71%, 88%
Turquoise color

What colors go with Turquoise?

Colors that pair well with Turquoise include:
Coral: warm, vibrant contrast
Navy Blue: deep, grounding balance
White: clean, open brightness
Sandy Beige: soft, natural warmth
Gold: rich, bold accent

Similar Colors

Conversions & Codes

Format Value CSS
HEX #40E0D0 color: #40E0D0;
RGB 64, 224, 208 color: rgb(64, 224, 208);
RGB Percentage 25%, 88%, 82% color: rgb(25%, 88%, 82%);
CMYK 71%, 0%, 7%, 12% Not supported in CSS
HSL 174°, 72%, 56% color: hsl(174, 72%, 56%);
HSV 174°, 71%, 88% Not supported in CSS
CIE-LAB 45, -32, 5 color: lab(45% -32 5);
Decimal 4251856 Not supported in CSS

Color Variations

Shades

#3EE0CF
#25DCC9
#20C4B4
#1CAC9E
#189387
#147B71
#10625A
#0C4A44

Tints

#C5F6F1
#B2F2EC
#9FEFE7
#8BECE2
#78E9DE
#65E6D9
#51E3D4
#3EE0CF

Tones

#3EE0CF
#46D8C9
#4ECFC3
#56C7BC
#5EBFB6
#66B7AF
#6EAFA9
#77A7A2

Hues

#3EE0CF
#3E77E0
#7F3EE0
#E03EC7
#E03E4E
#E0A73E
#9FE03E
#3EE056

Color Harmonies

Analogous

#3EE07F
Click to copy
#40E0D0
Click to copy
#3E9FE0
Click to copy

Complementary

#40E0D0
Click to copy
#E03E4E
Click to copy

Split Complementary

#40E0D0
Click to copy
#E03E9F
Click to copy
#E07F3E
Click to copy

Triadic

#40E0D0
Click to copy
#CF3EE0
Click to copy
#E0CF3E
Click to copy

Tetradic

#40E0D0
Click to copy
#7F3EE0
Click to copy
#E03E4E
Click to copy
#9FE03E
Click to copy

Square

#40E0D0
Click to copy
#7F3EE0
Click to copy
#E03E4E
Click to copy
#9FE03E
Click to copy

CSS & Dev Snippets

CSS
.turquoise {
  color: #40E0D0;
}
SCSS
$turquoise: #40E0D0;
RGB
rgb(64, 224, 208)

Accessibility & Contrast

White background

1.64:1
1.64
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

12.79:1
12.79
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags