Medium Turquoise sits in the cyan / teal family, with the hex code #48D1CC mapping to rgb(72, 209, 204) in RGB and hsl(177.8, 59.8%, 55.1%) in HSL. In OKLCH it carries 79% perceptual lightness and 0.116 chroma — a moderately saturated, light reading that behaves well as a background, surface or supporting tone in modern interfaces. Cyan sits exactly where blue meets green and inherits the calm of both. It reads as clean, modern and slightly futuristic, which is why so many cloud, AI and medical brands gravitate to it — it feels technical without feeling cold.
Cyan sits exactly where blue meets green and inherits the calm of both. It reads as clean, modern and slightly futuristic, which is why so many cloud, AI and medical brands gravitate to it — it feels technical without feeling cold.
Cyan washes out against bright backgrounds — it almost always needs at least 30% lightness reduction to clear AA on white. Watch saturation in dark mode too, where neon cyans bloom.
#48D1CCrgb(72, 209, 204)hsl(177.8, 59.8%, 55.1%)hsv(177.8, 65.6%, 82%)lch(76.56% 39.9 192.99)oklch(78.68% 0.1162 191.56)lab(76.56% -38.88 -8.97):root {
--color: #48d1cc;
--color-rgb: rgb(72, 209, 204);
--color-hsl: hsl(177.8, 59.8%, 55.1%);
--color-oklch: oklch(78.68% 0.1162 191.56);
}How medium turquoise performs as foreground text on common surfaces, scored with WCAG 2.1.
Tints are produced by mixing medium turquoise with progressively more white.
Shades are produced by mixing medium turquoise with progressively more black.
Tones are produced by mixing medium turquoise with progressively more gray, lowering chroma while keeping lightness.