What does the color MediumTurquoise mean?

Cyan

MediumTurquoise

#48d1cc

#6ddad6

#91e3e0

#b6edeb

#daf6f5

#53c1bd

Meaning

Freshness, clarity, and innovation. Great for tech accents and clean digital products.

History

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

Usage

Use MediumTurquoise (#48d1cc) in CSS as color: mediumturquoise; or as #48d1cc.

Preview

MediumTurquoise

#48d1cc

Overview

Family: Cyan

Accessibility on this swatch:

AAA

(11.27:1)

Contrast vs white: 1.86:1 · vs black: 11.27:1

Formats

HEX

#48d1cc

RGB

rgb(72, 209, 204)

RGBA

rgba(72, 209, 204, 1)

HSL

hsl(178, 60%, 55%)

HSV

hsv(178, 66%, 82%)

LAB

lab(76.88% -37.36 -8.35)

LCH

lch(76.88% 38.28 192.6)

OKLAB

oklab(0.7868 -0.1139 -0.0233)

OKLCH

oklch(0.7868 0.1163 191.56)

XYZ

xyz(36.37, 51.33, 65.11)

CMYK

cmyk(66%, 0%, 2%, 18%)

CSS

color: #48d1cc;

CSS variable

--color-48d1cc: #48d1cc;

SCSS

$color-48d1cc: #48d1cc;

Tailwind

teal-400

Export

Developer code

:root {
  --mediumturquoise-1: #48d1cc;
}

Color psychology

Freshness, clarity, and innovation. Great for tech accents and clean digital products.

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

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#6ddad6

#91e3e0

#b6edeb

#daf6f5

#53c1bd

#5eb1ae

#6aa09e

#75908f

Similar colors

#3dd1c8

#4fd8cf

#32c8c0

#54c9c1

#16cac4

#23c7bf

#66d1c8

#5eded3

Browse more in the color name library.