In the RGB color space, #48D1CC is composed of 28.2353% red, 81.9608% green, and 80% blue.
In the CMYK color space, #48D1CC is composed of 65.54% cyan, 0% magenta, 2.39% yellow, and 18.04% black,
It has a hue angle of 177.8 degrees, a saturation of 59.82%, and a lightness of 55.1%.
The closest websafe color is #33CCCC.
#48D1CC has a CSS color name: MediumTurquoise.
The hexadecimal color #48D1CC has RGB values of R:72, G:209, B:204 and CMYK values of C:65.54, M:0, Y:2.39, K:18.04. It has a decimal value of 4772300.
Hexadecimal | #48D1CC | #48D1CC |
RGB Decimal | 72, 209, 204 | rgb(72, 209, 204) |
RGB Percent | 28.2353, 81.9608, 80 | rgb(28.2353%, 81.9608%, 80%) |
RGB Proportion | 0.2824, 0.8196, 0.8 | rgb(0.2824, 0.8196, 0.8) |
CMYK | 65.54, 0, 2.39, 18.04 | |
HSL | 177.8ยบ, 59.82, 55.1 | hsl(177.8, 59.82%, 55.1%) |
Websafe | 33CCCC | #33CCCC |
XYZ | 36.372, 51.338, 65.119 | |
Yxy | 51.338, 0.238, 0.336 | |
CIE-LAB | 76.883, -37.354, -8.361 | |
CIE-LCH | 76.883, 38.278, 192.617 | |
CIE-LUV | 76.883, -52.586, -7.12 | |
Hunter-Lab | 71.651, -34.776, -3.73 |
Colors that go well with MediumTurquoise / #48D1CC.
Common HTML and CSS shortcodes for MediumTurquoise / #48D1CC.
<div style="color: #48D1CC;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #48D1CC;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #48D1CC;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #48D1CC to transparent.
<div style="background: linear-gradient(#48D1CC, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #48D1CC to transparent.
<div style="background: radial-gradient(#48D1CC, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #48D1CC to #B72E33.
<div style="background: linear-gradient(#48D1CC, #B72E33);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #48D1CC to #B72E33.
<div style="background: radial-gradient(#48D1CC, #B72E33);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #48D1CC; }
.background { background-color: #48D1CC; }
.border { border: 1px solid #48D1CC; }
.linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); }
.radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }
Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #020404 while the lightest tint is #FCFEFE.