Color Charts
RGB
CMYK
RYB
#02f586 Hex Color CodeThe hexadecimal color code #02f586 is a shade of green-cyan. In the RGB color model #02f586 is comprised of 0.78% red, 96.08% green and 52.55% blue. In the HSL color space #02f586 has a hue of 152.59 degrees, 98.38% saturation and 48.43% lightness. This color has an approximate wavelength of 524 nm.
#02f586 Color InformationInverted
#fd0a79 25% Saturated
#00f786 Grayscale
#7b7b7b
25% Lighter
#37fda2 Original
#02f586 25% Darker
#01b764
mediumspringgreen
#00fa9a 25% Desaturated
#20d683 Web Safe: lime
#00ff00
rgb(2, 245, 134)
rgba(2, 245, 134, 1.0)
red: 0.7843%, yellow: 62.5349%, blue: 96.0784%
#02f586
193926
-16583290 / 0xff02f586
hsl(153, 98%, 48%)
hsla(153, 98%, 48%, 1.0)
hue: 153 (152.5926), saturation: 99 (99.1837), value: 96 (96.0784)
X: 36.9805, Y: 67.039, Z: 33.545
x: 0.2688, y: 0.4873, Y: 67.039
L: 85.5236, a: -72.5833, b: 39.9623
L: 85.5236, u: -76.0996, v: 66.0827
L: 85.5236, C: 82.8572, H: 151.1641
L: 81.8773, a: -62.6644, b: 33.0231
cyan: 99 (0.9918), magenta: 0 (0), yellow: 45 (0.4531), key: 4 (0.0392)
cyan: 99 (0.9922), magenta: 4 (0.0392), yellow: 47 (0.4745)
Y: 159.689, I: -109.0988, Q: -85.9198
Y: 159.689, U: -12.641, V: -138.3439
Y: 159.689, Db: -38.613, Dr: 299.832
Y: 153.126, Cb: 115.235, Cr: 29.204
Y: 185.249, Pb: -27.555, Pr: -116.394
2.5G 9/14 (approximate)
#02f586 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02f586 to White#02f586 to Black#02f586 foreground
<p style="color: #02f586; background-color: #000">#02f586 foreground</p>
#02f586 background
<p style="background-color: #02f586">#02f586 background</p>
#02f586 border
<p style="border: #02f586 3px solid">#02f586 border</p>
#02f586 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02f586, #fff); background: -webkit-radial-gradient(50% 50%, #02f586, #fff); background: -o-radial-gradient(50% 50%, #02f586, #fff); background: -ms-radial-gradient(50% 50%, #02f586, #fff); background: radial-gradient(50% 50%, #02f586, #fff)">#02f586 radial gradient</p>
#02f586 linear gradient to complementary #f50170
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02f586, #f50170); background: -webkit-linear-gradient(top, #02f586, #f50170); background: -o-linear-gradient(top, #02f586, #f50170); background: -ms-linear-gradient(top, #02f586, #f50170); background: linear-gradient(top, #02f586, #f50170); color: #000">#02f586 linear gradient to complementary #f50170</p>
#02f586 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02f586">#02f586 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02f586 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 #02f586.
Jump to paint brand: