What is the HEX code for MediumTurquoise?

The HEX code for MediumTurquoise is #48D1CC.

What is the RGB value for MediumTurquoise?

MediumTurquoise uses RGB values 72,209,204.

Can I use MediumTurquoise directly in CSS?

Yes. You can use the named CSS color mediumturquoise, the HEX value #48D1CC, or rgb(72,209,204).

HTML named color

MediumTurquoise color code

Use the MediumTurquoise HTML color with HEX #48D1CC, RGB 72,209,204 and HSL 178,60%,55%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast Convert to OKLCH

Bleus

#48D1CC

rgb(72,209,204)

HEX

#48D1CC

RGB

rgb(72,209,204)

HSL

hsl(178,60%,55%)

OKLCH

oklch(78.7% 0.116 191.6)

CSS name

mediumturquoise

How to use this color

MediumTurquoise can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-medium-turquoise {
  color: #48D1CC;
}

.bg-medium-turquoise {
  background-color: mediumturquoise;
}

.border-medium-turquoise {
  border-color: rgb(72,209,204);
}