CSS named color
MediumTurquoise
#48D1CC
HEX
#48d1ccRGB
rgb(72, 209, 204)HSL
hsl(178, 60%, 55%)OKLCH
oklch(78.68% 0.1162 191.56)NAME
mediumturquoisePalette
Complementary
180° on the color wheelComplement
#D1474C
Analogous
±30° around the base hueLeft
#47D188
Right
#4791D1
Triadic
±120° for harmonic contrastTriad 1
#CD47D1
Triad 2
#D1CD47
Shades
Lighter and darker variantsCSS usage
By name
color: mediumturquoise;
background-color: mediumturquoise;By HEX
color: #48d1cc;
background-color: #48d1cc;By RGB
color: rgb(72, 209, 204);
background-color: rgb(72, 209, 204);By HSL
color: hsl(178, 60%, 55%);
background-color: hsl(178, 60%, 55%);WCAG contrast vs white
Aa
1.86:1
Below minimum
WCAG contrast vs black
Aa
11.27:1
AAA
Related colors
FAQ — MediumTurquoise
What is the HEX code for MediumTurquoise?
The HEX code for MediumTurquoise is #48D1CC. It's one of the 148 named CSS colors and can be used directly in CSS as color: mediumturquoise; or color: #48d1cc;
What is MediumTurquoise in RGB?
MediumTurquoise in RGB is rgb(72, 209, 204) — red 72, green 209, blue 204.
What is MediumTurquoise in HSL?
MediumTurquoise in HSL is hsl(178, 60%, 55%) — hue 178°, saturation 60%, lightness 55%.
What is the complementary color of MediumTurquoise?
The complementary color (directly opposite MediumTurquoise on the color wheel) is #D1474C. The two together produce maximum contrast.
Is white text readable on MediumTurquoise?
The WCAG contrast ratio against white (#FFFFFF) is 1.86:1, and against black (#000000) it's 11.27:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.