#02d886
Hex Color CodeThe hexadecimal color code #02d886
is a shade of green-cyan. In the RGB color model #02d886
is comprised of 0.78% red, 84.71% green and 52.55% blue. In the HSL color space #02d886
has a hue of 157.01 degrees, 98.17% saturation and 42.75% lightness. This color has an approximate wavelength of 521 nm.
#02d886
Color InformationInverted
#fd2779 25% Saturated
#00da86 Grayscale
#6d6d6d
25% Lighter
#13fca3 Original
#02d886 25% Darker
#01a264
mediumspringgreen
#00fa9a 25% Desaturated
#1cbd7f Web Safe: lime
#00ff00
rgb(2, 216, 134)
rgba(2, 216, 134, 1.0)
red: 0.7843%, yellow: 52.6896%, blue: 84.7059%
#02d886
186502
-16590714 / 0xff02d886
hsl(157, 98%, 43%)
hsla(157, 98%, 43%, 1.0)
hue: 157 (157.0093), saturation: 99 (99.0741), value: 85 (84.7059)
X: 28.884, Y: 50.8459, Z: 30.8461
x: 0.2612, y: 0.4598, Y: 50.8459
L: 76.5856, a: -62.9181, b: 28.2762
L: 76.5856, u: -66.8647, v: 49.0444
L: 76.5856, C: 68.9799, H: 155.8003
L: 71.3063, a: -52.4812, b: 24.2663
cyan: 99 (0.9907), magenta: 0 (0), yellow: 38 (0.3796), key: 15 (0.1529)
cyan: 99 (0.9922), magenta: 15 (0.1529), yellow: 47 (0.4745)
Y: 142.666, I: -101.1397, Q: -70.7647
Y: 142.666, U: -4.264, V: -123.4092
Y: 142.666, Db: -13.006, Dr: 267.468
Y: 138.51, Cb: 123.674, Cr: 39.876
Y: 164.514, Pb: -16.39, Pr: -103.228
2.5G 8/12 approximate; exact match: Munsell 2.5G 8/12 / #4ae48d
#02d886
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02d886
to White#02d886
to Black#02d886
foreground
<p style="color: #02d886; background-color: #000">#02d886 foreground</p>
#02d886
background
<p style="background-color: #02d886">#02d886 background</p>
#02d886
border
<p style="border: #02d886 3px solid">#02d886 border</p>
#02d886
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d886, #fff); background: -webkit-radial-gradient(50% 50%, #02d886, #fff); background: -o-radial-gradient(50% 50%, #02d886, #fff); background: -ms-radial-gradient(50% 50%, #02d886, #fff); background: radial-gradient(50% 50%, #02d886, #fff)">#02d886 radial gradient</p>
#02d886
linear gradient to complementary #d80154
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d886, #d80154); background: -webkit-linear-gradient(top, #02d886, #d80154); background: -o-linear-gradient(top, #02d886, #d80154); background: -ms-linear-gradient(top, #02d886, #d80154); background: linear-gradient(top, #02d886, #d80154); color: #000">
#02d886
linear gradient to complementary #d80154
</p>
#02d886
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d886">#02d886 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02d886
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #02d886
.
Jump to paint brand: