Turquoise (CSS)

Turquoise (CSS) is a medium, saturated blue-green color with the hex code #40E0D0 (hue 174°, saturation 72%, lightness 56%). It is also the CSS named color turquoise.

#40E0D0

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Turquoise (CSS)	`#40E0D0`	64, 224, 208	174°, 72%, 56%	71, 0, 7, 12	82.2% 0.131 185

Contrast with white text 1.64:1, with black text 12.79:1 — use black text on Turquoise (CSS).

turquoise is one of the 148 named colors in CSS, with exactly this value, so color: turquoise works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#D3F8F4

#91EDE4

#4FE3D4

#20C5B5

#158479

#0B423C

Colors that go with Turquoise (CSS)

Six color schemes built on Turquoise (CSS) with classic harmony rules. The complementary scheme pairs it with Tomato Sceptre (#E44458), the color opposite it on the color wheel.

Nearest CSS named colors

Medium Turquoise (mediumturquoise): Medium Turquoise (#48D1CC) is darker than Turquoise (CSS) (relative luminance 0.513 vs 0.590) and less saturated, with its hue 4° away.
Dark Turquoise (darkturquoise): Dark Turquoise (#00CED1) is darker than Turquoise (CSS) (relative luminance 0.487 vs 0.590) and more saturated, with its hue 7° away.
Medium Aquamarine (mediumaquamarine): Medium Aquamarine (#66CDAA) is darker than Turquoise (CSS) (relative luminance 0.494 vs 0.590) and less saturated, with its hue 14° away.
Sky Blue (skyblue): Sky Blue (#87CEEB) is darker than Turquoise (CSS) (relative luminance 0.553 vs 0.590) and equally saturated, with its hue 23° away.

Similar medium teal colors

Questions

What is the hex code for Turquoise (CSS)?

#40E0D0 — RGB 64, 224, 208, HSL 174°, 72%, 56%.

Is Turquoise (CSS) a warm or cool color?

Cool — its hue sits at 174° on the color wheel.