Color Charts
RGB
CMYK
RYB
#02c660 Hex Color CodeThe hexadecimal color code #02c660 is a medium dark shade of green-cyan. In the RGB color model #02c660 is comprised of 0.78% red, 77.65% green and 37.65% blue. In the HSL color space #02c660 has a hue of 148.78 degrees, 98% saturation and 39.22% lightness. This color has an approximate wavelength of 526 nm.
#02c660 Color InformationInverted
#fd399f 25% Saturated
#00c85f Grayscale
#646464
25% Lighter
#02f777 Original
#02c660 25% Darker
#019447
limegreen
#32cd32 25% Desaturated
#1aad61 Web Safe: lime
#00ff00
rgb(2, 198, 96)
rgba(2, 198, 96, 1.0)
red: 0.7843%, yellow: 52.7329%, blue: 77.6471%
#02c660
181856
-16595360 / 0xff02c660
hsl(149, 98%, 39%)
hsla(149, 98%, 39%, 1.0)
hue: 149 (148.7755), saturation: 99 (98.9899), value: 78 (77.6471)
X: 22.3304, Y: 41.2456, Z: 17.8506
x: 0.2742, y: 0.5065, Y: 41.2456
L: 70.3477, a: -63.6637, b: 39.4139
L: 70.3477, u: -63.3205, v: 60.4616
L: 70.3477, C: 74.8767, H: 148.2385
L: 64.2227, a: -50.3248, b: 28.4764
cyan: 99 (0.9899), magenta: 0 (0), yellow: 52 (0.5152), key: 22 (0.2235)
cyan: 99 (0.9922), magenta: 22 (0.2235), yellow: 62 (0.6235)
Y: 127.768, I: -83.9915, Q: -73.1811
Y: 127.768, U: -15.6325, V: -110.339
Y: 127.768, Db: -47.766, Dr: 239.134
Y: 125.714, Cb: 112.23, Cr: 49.198
Y: 148.908, Pb: -28.46, Pr: -93.308
2.5G 7/14 (approximate)
#02c660 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02c660 to White#02c660 to Black#02c660 foreground
<p style="color: #02c660; background-color: #000">#02c660 foreground</p>
#02c660 background
<p style="background-color: #02c660">#02c660 background</p>
#02c660 border
<p style="border: #02c660 3px solid">#02c660 border</p>
#02c660 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02c660, #fff); background: -webkit-radial-gradient(50% 50%, #02c660, #fff); background: -o-radial-gradient(50% 50%, #02c660, #fff); background: -ms-radial-gradient(50% 50%, #02c660, #fff); background: radial-gradient(50% 50%, #02c660, #fff)">#02c660 radial gradient</p>
#02c660 linear gradient to complementary #c60167
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02c660, #c60167); background: -webkit-linear-gradient(top, #02c660, #c60167); background: -o-linear-gradient(top, #02c660, #c60167); background: -ms-linear-gradient(top, #02c660, #c60167); background: linear-gradient(top, #02c660, #c60167); color: #000">#02c660 linear gradient to complementary #c60167</p>
#02c660 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02c660">#02c660 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02c660 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 #02c660.
Jump to paint brand: