Color Charts
RGB
CMYK
RYB
#02f770 Hex Color CodeThe hexadecimal color code #02f770 is a shade of green-cyan. In the RGB color model #02f770 is comprised of 0.78% red, 96.86% green and 43.92% blue. In the HSL color space #02f770 has a hue of 146.94 degrees, 98.39% saturation and 48.82% lightness. This color has an approximate wavelength of 527 nm.
#02f770 Color InformationInverted
#fd088f 25% Saturated
#00f96f Grayscale
#7c7c7c
25% Lighter
#39fd91 Original
#02f770 25% Darker
#01b954
springgreen
#00ff7f 25% Desaturated
#20d873 Web Safe: lime
#00ff00
rgb(2, 247, 112)
rgba(2, 247, 112, 1.0)
red: 0.7843%, yellow: 67.092%, blue: 96.8627%
#02f770
194416
-16582800 / 0xff02f770
hsl(147, 98%, 49%)
hsla(147, 98%, 49%, 1.0)
hue: 147 (146.9388), saturation: 99 (99.1903), value: 97 (96.8627)
X: 36.2104, Y: 67.7043, Z: 26.489
x: 0.2777, y: 0.5192, Y: 67.7043
L: 85.8584, a: -76.5777, b: 50.765
L: 85.8584, u: -77.9101, v: 78.4766
L: 85.8584, C: 91.8762, H: 146.4587
L: 82.2826, a: -65.4414, b: 38.5108
cyan: 99 (0.9919), magenta: 0 (0), yellow: 55 (0.5466), key: 3 (0.0314)
cyan: 99 (0.9922), magenta: 3 (0.0314), yellow: 56 (0.5608)
Y: 158.355, I: -102.5799, Q: -93.8099
Y: 158.355, U: -22.8107, V: -137.1736
Y: 158.355, Db: -69.705, Dr: 297.29
Y: 151.978, Cb: 104.995, Cr: 30.03
Y: 185.095, Pb: -39.325, Pr: -116.29
2.5G 9/16 (approximate)
#02f770 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02f770 to White#02f770 to Black#02f770 foreground
<p style="color: #02f770; background-color: #000">#02f770 foreground</p>
#02f770 background
<p style="background-color: #02f770">#02f770 background</p>
#02f770 border
<p style="border: #02f770 3px solid">#02f770 border</p>
#02f770 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02f770, #fff); background: -webkit-radial-gradient(50% 50%, #02f770, #fff); background: -o-radial-gradient(50% 50%, #02f770, #fff); background: -ms-radial-gradient(50% 50%, #02f770, #fff); background: radial-gradient(50% 50%, #02f770, #fff)">#02f770 radial gradient</p>
#02f770 linear gradient to complementary #f70188
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02f770, #f70188); background: -webkit-linear-gradient(top, #02f770, #f70188); background: -o-linear-gradient(top, #02f770, #f70188); background: -ms-linear-gradient(top, #02f770, #f70188); background: linear-gradient(top, #02f770, #f70188); color: #000">#02f770 linear gradient to complementary #f70188</p>
#02f770 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02f770">#02f770 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02f770 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 #02f770.
Jump to paint brand: