Mediumturquoise

mediumturquoise is a CSS color keyword. The closest Tailwind step is teal-400 (#2dd4bf).

#48d1ccrgb(72, 209, 204)

Hex: #48d1cc
RGB: 72, 209, 204
HSL: 178°, 60%, 55%
OKLCH: 78.7% 0.116 191.6
LAB: 76.9 -37.4 -8.4

Open #48d1cc in the explorer

Text contrast

Black or white text on #48d1cc. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text11.3:1 AAAAPCA Lc 71

White text1.9:1 FailAPCA Lc -37

Color vision

How #48d1cc looks in simulations of color blindness, at full severity.

Full color
#48d1cc

Protanopia
#c5c7cc

Deuteranopia
#b0b7cd

Tritanopia
#00d7cf

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to mediumturquoise.

50 100200300400500600700800900950

Copy into CSS

color: mediumturquoise;
background: #48d1cc;

@theme {
  --color-mediumturquoise-50: #d5fffc;
  --color-mediumturquoise-100: #8afffa;
  --color-mediumturquoise-200: #65e9e4;
  --color-mediumturquoise-300: #41ccc7;
  --color-mediumturquoise-400: #05afaa;
  --color-mediumturquoise-500: #008d89;
  --color-mediumturquoise-600: #006f6c;
  --color-mediumturquoise-700: #005654;
  --color-mediumturquoise-800: #003e3d;
  --color-mediumturquoise-900: #002827;
  --color-mediumturquoise-950: #001110;
}