Turquoise

HEX: #40E0D0 | Modern Palette

On White
1.64:1
FAIL
On Black
12.79:1
PASS

Color Specifications

HEX
#40E0D0
RGB
64, 224, 208
HSL
174°, 71% ,87%
CMYK
71.43, 0, 7.14, 12.16

About Turquoise

Turquoise (#40E0D0) is a color with RGB(64, 224, 208) and HSL(174°, 71.43%, 87.84%). It is commonly associated with Playful moods. In design, it fits Cool styles and is suitable for Text, Button, Background. Its complementary color is #E04050, which creates strong contrast. Its triadic palette includes #D040E0 and #E0D040. The name comes from turqueise (Old French).

  • HEX: #40E0D0
  • RGB: 64, 224, 208
  • HSL: 174°, 71.43%, 87.84%
  • Mood: Playful
  • Style: Cool
  • Use case: Text, Button, Background
  • Complementary color: #E04050
  • Triadic colors: #D040E0, #E0D040
  • The name comes from turqueise (Old French).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #40E0D0 from deepest shade to lightest tint.

Color Characteristics

Mood
Playful
Style
Cool

Accessibility Simulation

Deuteranopia #C3C3D2
Protanopia #D6D6D0
Tritanopia #49DEDE
Achromatopsia #CACACA

Frequently Asked Questions

Turquoise (#40E0D0) is a color with RGB(64, 224, 208) and HSL(174°, 71.43%, 87.84%).

#40E0D0 pairs strongly with #E04050 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#40E0D0 is suitable for Text, Button, Background and works well with Cool styles.

#40E0D0 is commonly associated with Playful.

The name Turquoise is linked to turqueise from Old French, meaning Turkish (stone).

Name, History & Etymology

Origin Word turqueise
Meaning Turkish (stone)
Language Old French
First Recorded Use 14th Century

History

The word 'turquoise' comes from the Old French 'turqueise', meaning 'Turkish stone'. This is because the mineral was first brought to Europe from Turkey, although the actual mines were located in Persia (modern-day Iran) and other Central Asian regions. The trade route through Turkey led Europeans to associate the stone with that country. It has been prized as a gemstone and ornamental stone for thousands of years, with evidence of its use dating back to ancient Egypt (around 3000 BCE) and ancient Persia. Native American cultures, particularly in the Southwestern United States, have also used turquoise extensively for jewelry and ceremonial purposes for centuries.

First Recorded Use

c. 1300-1400

Cultural Associations

In many cultures, turquoise is considered a sacred stone, bringing good fortune, protection, and healing. It is the national gem of Iran and is often associated with Persian art and architecture. Among Native American tribes, especially the Navajo, Zuni, and Hopi, turquoise is highly valued and used in intricate jewelry, often combined with silver. It is believed to bring strength, protection, and connection to the sky and water. Turquoise is one of the birthstones for December. The color turquoise is often associated with calmness, serenity, sophistication, and energy.

Similar Named Colors

Turquoise #30D5C8 ΔE 2.76
Bright Turquoise #08E8DE ΔE 2.99
Medium Turquoise #48D1CC ΔE 5.00
Robin's Egg Blue #1FCECB ΔE 5.98

Code Snippets

/* Background */
.element {
    background-color: #40E0D0;
}

/* Text */
.element {
    color: #40E0D0;
}

/* Border */
.element {
    border: 1px solid #40E0D0;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #40E0D0,
        #F6CACE
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #40E0D0,
        #F6CACE
    );
}

// SCSS variable
$turquoise: #40E0D0;

// With RGB channels (useful for rgba() usage)
$turquoise-r: 64;
$turquoise-g: 224;
$turquoise-b: 208;

// Usage
.element {
    background-color: $turquoise;
    color: rgba($turquoise-r, $turquoise-g, $turquoise-b, 0.8);
}