Mediumturquoise Color — HEX, RGB, HSL & CMYK Codes

#48d1cc
Format Value
HEX #48d1cc
RGB rgb(72, 209, 204)
HSL hsl(177.8, 59.8%, 55.1%)
CMYK cmyk(65.6%, 0%, 2.4%, 18%)
HSV hsv(177.8, 65.6%, 82%)

mediumturquoise color harmonies

Tints & shades of mediumturquoise

Tints (lighter)

#59d5d1 #69d9d5 #7adeda #8be2df #9be6e3 #aceae8 #bceeec #cdf2f1 #def7f6 #eefbfa

Shades (darker)

#41beb9 #3baba7 #349894 #2e8582 #27726f #215f5d #1a4c4a #143938 #0d2625 #071313

Contrast & accessibility

The quick brown fox

On white · 1.86:1 · Fail

The quick brown fox

On black · 11.27:1 · AAA

Recommended text color: #000000

Use mediumturquoise in code

CSS color: #48d1cc;
SCSS $color: #48d1cc;
Tailwind bg-[#48d1cc]
Swift UIColor(red: 0.282, green: 0.820, blue: 0.800, alpha: 1)
Android Color.parseColor("#48d1cc")
Flutter Color(0xFF48D1CC)

Colors similar to mediumturquoise

Browse all Cyan colors →

What is the HEX code for mediumturquoise?

The CSS color mediumturquoise in HEX format is #48d1cc. Use this value directly in CSS, SVG, and most design tools.

How do I use mediumturquoise in CSS?

To apply mediumturquoise in CSS:

  • Text color: color: #48d1cc;
  • Background: background-color: #48d1cc;
  • Border: border-color: #48d1cc;

What are all the color format values for mediumturquoise?

FormatValue
HEX#48d1cc
RGBrgb(72, 209, 204)
HSLhsl(177.8, 59.8%, 55.1%)
CMYKcmyk(65.6%, 0%, 2.4%, 18%)

How do I convert mediumturquoise to HEX?

Select mediumturquoise from the color name list in our color converter. The HEX value — #48d1cc — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does mediumturquoise belong to?

mediumturquoise belongs to the cyan color family. It is a medium, moderately saturated color with HSL values: hue 177.8°, saturation 59.8%, lightness 55.1%.

How do I create lighter and darker shades of mediumturquoise?

Lighter variant (lightness 70.1%): #85e0dd. Darker variant (lightness 40.1%): #29a39f. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.