In the RGB color space, #31D5D0 is composed of 19.2157% red, 83.5294% green, and 81.5686% blue.
In the CMYK color space, #31D5D0 is composed of 76.99% cyan, 0% magenta, 2.35% yellow, and 16.47% black,
It has a hue angle of 178.2 degrees, a saturation of 66.13%, and a lightness of 51.38%.
The closest websafe color is #33CCCC.
The hexadecimal color #31D5D0 has RGB values of R:49, G:213, B:208 and CMYK values of C:76.99, M:0, Y:2.35, K:16.47. It has a decimal value of 3266000.
Hexadecimal | #31D5D0 | #31D5D0 |
RGB Decimal | 49, 213, 208 | rgb(49, 213, 208) |
RGB Percent | 19.2157, 83.5294, 81.5686 | rgb(19.2157%, 83.5294%, 81.5686%) |
RGB Proportion | 0.1922, 0.8353, 0.8157 | rgb(0.1922, 0.8353, 0.8157) |
CMYK | 76.99, 0, 2.35, 16.47 | |
HSL | 178.2ยบ, 66.13, 51.38 | hsl(178.2, 66.13%, 51.38%) |
Websafe | 33CCCC | #33CCCC |
XYZ | 36.447, 52.797, 67.947 | |
Yxy | 52.797, 0.232, 0.336 | |
CIE-LAB | 77.755, -40.862, -9.263 | |
CIE-LCH | 77.755, 41.899, 192.773 | |
CIE-LUV | 77.755, -57.218, -8.092 | |
Hunter-Lab | 72.662, -37.622, -4.58 |
Colors that go well with #31D5D0.
Common HTML and CSS shortcodes for #31D5D0.
<div style="color: #31D5D0;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #31D5D0;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #31D5D0;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #31D5D0 to transparent.
<div style="background: linear-gradient(#31D5D0, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #31D5D0 to transparent.
<div style="background: radial-gradient(#31D5D0, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #31D5D0 to #CE2A2F.
<div style="background: linear-gradient(#31D5D0, #CE2A2F);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #31D5D0 to #CE2A2F.
<div style="background: radial-gradient(#31D5D0, #CE2A2F);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #31D5D0; }
.background { background-color: #31D5D0; }
.border { border: 1px solid #31D5D0; }
.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 #010404 while the lightest tint is #FCFEFE.