In the RGB color space, #71E2A6 is composed of 44.3137% red, 88.6275% green, and 65.098% blue.
In the CMYK color space, #71E2A6 is composed of 50.01% cyan, 0% magenta, 26.55% yellow, and 11.37% black,
It has a hue angle of 148.1 degrees, a saturation of 66.09%, and a lightness of 66.47%.
The closest websafe color is #66CC99.
The hexadecimal color #71E2A6 has RGB values of R:113, G:226, B:166 and CMYK values of C:50.01, M:0, Y:26.55, K:11.37. It has a decimal value of 7463590.
Hexadecimal | #71E2A6 | #71E2A6 |
RGB Decimal | 113, 226, 166 | rgb(113, 226, 166) |
RGB Percent | 44.3137, 88.6275, 65.098 | rgb(44.3137%, 88.6275%, 65.098%) |
RGB Proportion | 0.4431, 0.8863, 0.651 | rgb(0.4431, 0.8863, 0.651) |
CMYK | 50.01, 0, 26.55, 11.37 | |
HSL | 148.1ยบ, 66.09, 66.47 | hsl(148.1, 66.09%, 66.47%) |
Websafe | 66CC99 | #66CC99 |
XYZ | 40.89, 60.66, 45.632 | |
Yxy | 60.66, 0.278, 0.412 | |
CIE-LAB | 82.196, -45.804, 19.633 | |
CIE-LCH | 82.196, 49.834, 156.799 | |
CIE-LUV | 82.196, -50.719, 35.894 | |
Hunter-Lab | 77.885, -42.584, 19.782 |
Colors that go well with #71E2A6.
Common HTML and CSS shortcodes for #71E2A6.
<div style="color: #71E2A6;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #71E2A6;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #71E2A6;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #71E2A6 to transparent.
<div style="background: linear-gradient(#71E2A6, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #71E2A6 to transparent.
<div style="background: radial-gradient(#71E2A6, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #71E2A6 to #8E1D59.
<div style="background: linear-gradient(#71E2A6, #8E1D59);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #71E2A6 to #8E1D59.
<div style="background: radial-gradient(#71E2A6, #8E1D59);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #71E2A6; }
.background { background-color: #71E2A6; }
.border { border: 1px solid #71E2A6; }
.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 #020403 while the lightest tint is #FCFEFE.