What is the hex code for MediumTurquoise?

The hex code for MediumTurquoise is #48D1CC.

What is the RGB value of MediumTurquoise?

The RGB value of MediumTurquoise is rgb(72, 209, 204).

What is the HSL value of MediumTurquoise?

The HSL value of MediumTurquoise is hsl(178, 60%, 55%).

What is the HSV value of MediumTurquoise?

The HSV value of MediumTurquoise is hsv(178, 66%, 82%).

What CSS code do I use for MediumTurquoise?

Use background-color: #48D1CC; for background, color: #48D1CC; for text, or border: 1px solid #48D1CC; for borders.

MediumTurquoise Hex #48D1CC: HTML Color Code & Gradients

MediumTurquoise (#48D1CC) Color Codes & Gradients

Color Preview

Make a gradient with MediumTurquoise →

Opens MediumTurquoise with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download.

Want a palette around MediumTurquoise? Use the Color Palette Generator →

Technical Color Values (Hex, RGB, HSV, HSL, OKLCH)

HTML Name	mediumturquoise
Hex	#48D1CC
RGB	rgb(72, 209, 204)
HSV	hsv(178, 66%, 82%)
HSL	hsl(178, 60%, 55%)
OKLCH	oklch(78.68% 0.1162 191.56)

What is the color name for #48D1CC?

#48D1CC color name is MediumTurquoise.

Color Information

The HTML color MediumTurquoise has the hexadecimal code #48D1CC and in the RGB color space is composed of 28% red, 82% green, and 80% blue. The color MediumTurquoise has a hue angle of 177.8 degrees, a saturation of 59.8% and a lightness of 55.1%.

MediumTurquoise CSS Code Snippets

.bg-mediumturquoise { background-color: #48D1CC; }

.text-mediumturquoise { color: #48D1CC; }

.border-mediumturquoise { border: 1px solid #48D1CC; }

.gradient-shade-mediumturquoise { background: linear-gradient(135deg, #48D1CC, #269793); }

.gradient-tint-mediumturquoise { background: linear-gradient(135deg, #48D1CC, #91E3E0); }

.gradient-mono-mediumturquoise { background: linear-gradient(135deg, #48D1CC, #48D1CC); }

MediumTurquoise Shades

#3CCEC9

#32C8C3

#2FBCB7

#2CB0AB

#29A39F

#269793

MediumTurquoise Tints

#54D4CF

#60D7D3

#6DDAD6

#79DDDA

#85E0DD

#91E3E0

MediumTurquoise Tones

#57C2BE

#66B3B0

#75A4A3

#849595

#8C8C8C

MediumTurquoise Monochromatic

#48D1CC

#3BADA8

#2F8885

#226461

#163F3E

#091B1A

Similar Colors to MediumTurquoise

#48D19E

#48D1B1

#48D1C3

#48CDD1

#48BBD1

#48A8D1

MediumTurquoise Color Harmonies

Complementary Open in the color wheel →

#48D1CC

#D1484D

Analogous Open in the color wheel →

#4DD148

#48D187

#48D1CC

#4892D1

#484DD1

Triadic Open in the color wheel →

#48D1CC

#CC48D1

#D1CC48

Split Complementary Open in the color wheel →

#48D1CC

#D14892

#D18748

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator

MediumTurquoise (#48D1CC) Color Codes & Gradients

Color Preview

Technical Color Values (Hex, RGB, HSV, HSL, OKLCH)

What is the color name for #48D1CC?

Color Information

MediumTurquoise CSS Code Snippets

MediumTurquoise Shades

MediumTurquoise Tints

MediumTurquoise Tones

MediumTurquoise Monochromatic

Similar Colors to MediumTurquoise

MediumTurquoise Color Harmonies

Generate a Gradient