UI Shades

A study in teal

Medium Turquoise

#48D1CC

Family
Teal
L
0.787
C
0.116
H
192°

Notes

Medium Turquoise is the bright, slightly cyan-leaning turquoise of swimming-pool tiles. The CSS hex is slightly muted compared to pure Turquoise and works well as a primary brand colour for travel, beauty, and wellness products. Pair with cream and warm coral for a fresh tropical palette, or with deep navy for tonal contrast. Against white it passes contrast for headlines and large buttons but body text falls below AA - keep text use for headlines and rely on dark text overlays for surfaces.

#48d1cc
Medium Turquoise
Medium Turquoise
#48d1cc
oklch(0.787 0.116 191.56)
rgb(72 209 204)
hsl(177.8 59.8% 55.1%)
Share
#eafffe
#d9fdfa
#b1f4f0
#81e9e4
#48d1cc
#00a29e
#008784
#00706d
#00514f
#003836
#001e1d

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.
Plate 02

Palette built around Medium Turquoise

Cross-reference

Related colors

Q&A

Frequently asked questions

What is Medium Turquoise?

Medium Turquoise is the bright, slightly cyan-leaning turquoise of swimming-pool tiles. The CSS hex is slightly muted compared to pure Turquoise and works well as a primary brand colour for travel, beauty, and wellness products. Its hex code is #48D1CC.

What are the tints and shades of Medium Turquoise?

uishades builds an 11-step OKLCH ramp for Medium Turquoise (#48D1CC) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Medium Turquoise?

Its complementary color is #FA9AA6. Triadic partners are #D2A4F0 and #E8AD61; analogous neighbours are #54CAEE and #6ED1A2.

What are the OKLCH and RGB values of Medium Turquoise?

Medium Turquoise is #48D1CC - OKLCH 0.787 0.116 192°, rgb(72 209 204), in the teal family.