Medium Turquoise #48D1CC

Medium Turquoise#48D1CC · rgb(72, 209, 204)

Medium Turquoise color codes

CSS namemediumturquoise
HEX#48D1CC
RGBrgb(72, 209, 204)
HSLhsl(178, 60%, 55%)
CMYKcmyk(66%, 0%, 2%, 18%)
Decimal4772300

Shades of Medium Turquoise (darker)

#41BCB8 · #3AA7A3 · #32928F · #2B7D7A · #246966 · #1D5452 · #163F3D · #0E2A29 · #071514

Tints of Medium Turquoise (lighter)

#5AD6D1 · #6DDAD6 · #7FDFDB · #91E3E0 · #A4E8E6 · #B6EDEB · #C8F1F0 · #DAF6F5 · #EDFAFA

Color harmonies

Complementary
#D1474C
Triadic
#CD47D1, #D1CD47
Analogous
#47D188, #4791D1

Accessibility (WCAG contrast)

White text on Medium Turquoise1.86:1 · Fail
Black text on Medium Turquoise11.27:1 · AAA

Use Medium Turquoise in code

.element {
  color: mediumturquoise;          /* or #48d1cc */
  background-color: rgb(72 209 204 / 0.5);
}

Frequently asked questions

What is the hex code for Medium Turquoise?

Medium Turquoise is #48D1CC in HEX, rgb(72, 209, 204) in RGB and hsl(178, 60%, 55%) in HSL.

Can I use "mediumturquoise" directly in CSS?

Yes. "mediumturquoise" is one of the 148 standard CSS named colors, so color: mediumturquoise; works in every browser.

Is Medium Turquoise readable on white?

The contrast ratio of Medium Turquoise on white is 1.86:1 (WCAG Fail). On black it is 11.27:1 (AAA).

What is the complementary color of Medium Turquoise?

The complementary color (opposite on the color wheel) is #D1474C.

Similar colors

Turquoise#40E0D0Medium Aquamarine#66CDAALight Sea Green#20B2AASky Blue#87CEEBCadet Blue#5F9EA0Aquamarine#7FFFD4Dark Turquoise#00CED1Cornflower Blue#6495ED

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.