Medium Turquoise hex code
The hex code for medium turquoise is #48D1CC. In RGB that is rgb(72, 209, 204) and in HSL it is hsl(178, 60%, 55%).
The hex code for medium turquoise is #48D1CC. In RGB that is rgb(72, 209, 204) and in HSL it is hsl(178, 60%, 55%).
Medium Turquoise · #48D1CC
Colour codes
- HEX
- #48D1CC
- RGB
- rgb(72, 209, 204)
- HSL
- hsl(178, 60%, 55%)
- CMYK
- 66, 0, 2, 18
- CSS name
- mediumturquoise
- Contrast on white
- 1.86:1
- Contrast on black
- 11.27:1
Tints and shades
20% lighter · #6ddad6
40% lighter · #91e3e0
60% lighter · #b6edeb
80% lighter · #daf6f5
20% darker · #3aa7a3
40% darker · #2b7d7a
60% darker · #1d5452
80% darker · #0e2a29
Complementary colour
Medium Turquoise · #48D1CC
Opposite on the colour wheel · #d1474c
Frequently asked questions
What is the hex code for medium turquoise?
The hex code for medium turquoise is #48D1CC. In RGB that is rgb(72, 209, 204) and in HSL it is hsl(178, 60%, 55%).
Can I use medium turquoise for text?
It has a contrast ratio of 1.86:1 on white and 11.27:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with medium turquoise?
Its complementary colour, opposite on the colour wheel, is #D1474C. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of medium turquoise instead.
Is medium turquoise a CSS colour name?
Yes. CSS accepts the keyword mediumturquoise, so color: mediumturquoise and color: #48D1CC render exactly the same.