What does the color Turquoise mean?

Teal

Turquoise

#40e0d0

#66e6d9

#8cece3

#b3f3ec

#d9f9f6

#4dcdc0

Meaning

Balance, healing, and sophistication. Popular in wellness and modern dashboards.

History

Turquoise is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Turquoise (#40e0d0) in CSS as color: turquoise; or as #40e0d0.

Preview

Turquoise

#40e0d0

Overview

Family: Teal

Accessibility on this swatch:

AAA

(12.79:1)

Contrast vs white: 1.64:1 · vs black: 12.79:1

Formats

HEX

#40e0d0

RGB

rgb(64, 224, 208)

RGBA

rgba(64, 224, 208, 1)

HSL

hsl(174, 72%, 56%)

HSV

hsv(174, 71%, 88%)

LAB

lab(81.26% -44.08 -4.03)

LCH

lch(81.26% 44.26 185.22)

OKLAB

oklab(0.8223 -0.1302 -0.0116)

OKLCH

oklch(0.8223 0.1307 185.09)

XYZ

xyz(40.15, 58.95, 68.92)

CMYK

cmyk(71%, 0%, 7%, 12%)

CSS

color: #40e0d0;

CSS variable

--color-40e0d0: #40e0d0;

SCSS

$color-40e0d0: #40e0d0;

Tailwind

teal-400

Export

Developer code

:root {
  --turquoise-1: #40e0d0;
}

Color psychology

Balance, healing, and sophistication. Popular in wellness and modern dashboards.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#66e6d9

#8cece3

#b3f3ec

#d9f9f6

#4dcdc0

#5abab0

#66a6a0

#739390

Similar colors

#37e1d6

#4ce6db

#17ded4

#28dcd3

#53e4cc

#24ebdd

#5deade

#43dfc5

Browse more in the color name library.