Color Charts
RGB
CMYK
RYB
#02af79 Hex Color CodeThe hexadecimal color code #02af79 is a medium dark shade of green-cyan. In the RGB color model #02af79 is comprised of 0.78% red, 68.63% green and 47.45% blue. In the HSL color space #02af79 has a hue of 161.27 degrees, 97.74% saturation and 34.71% lightness. This color has an approximate wavelength of 518 nm.
#02af79 Color InformationInverted
#fd5086 25% Saturated
#00b179 Grayscale
#585858
25% Lighter
#02da97 Original
#02af79 25% Darker
#01835a
mediumseagreen
#3cb371 25% Desaturated
#179970 Web Safe: green
#008000
rgb(2, 175, 121)
rgba(2, 175, 121, 1.0)
red: 0.7843%, yellow: 40.979%, blue: 68.6275%
#02af79
175993
-16601223 / 0xff02af79
hsl(161, 98%, 35%)
hsla(161, 98%, 35%, 1.0)
hue: 161 (161.2717), saturation: 99 (98.8571), value: 69 (68.6275)
X: 18.8062, Y: 32.0533, Z: 23.2849
x: 0.2536, y: 0.4323, Y: 32.0533
L: 63.3869, a: -50.8289, b: 17.2731
L: 63.3869, u: -54.173, v: 31.5176
L: 63.3869, C: 53.6837, H: 161.2308
L: 56.6157, a: -39.7845, b: 15.2462
cyan: 99 (0.9886), magenta: 0 (0), yellow: 31 (0.3086), key: 31 (0.3137)
cyan: 99 (0.9922), magenta: 31 (0.3137), yellow: 53 (0.5255)
Y: 117.117, I: -85.7107, Q: -53.3832
Y: 117.117, U: 1.9112, V: -100.9945
Y: 117.117, Db: 5.868, Dr: 218.891
Y: 116.572, Cb: 129.898, Cr: 55.887
Y: 134.263, Pb: -7.105, Pr: -84.016
5G 6/10 (approximate)
#02af79 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02af79 to White#02af79 to Black#02af79 foreground
<p style="color: #02af79">#02af79 foreground</p>
#02af79 background
<p style="background-color: #02af79; color: #fff">#02af79 background</p>
#02af79 border
<p style="border: #02af79 3px solid">#02af79 border</p>
#02af79 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02af79, #fff); background: -webkit-radial-gradient(50% 50%, #02af79, #fff); background: -o-radial-gradient(50% 50%, #02af79, #fff); background: -ms-radial-gradient(50% 50%, #02af79, #fff); background: radial-gradient(50% 50%, #02af79, #fff); color: #fff">#02af79 radial gradient</p>
#02af79 linear gradient to complementary #af0137
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02af79, #af0137); background: -webkit-linear-gradient(top, #02af79, #af0137); background: -o-linear-gradient(top, #02af79, #af0137); background: -ms-linear-gradient(top, #02af79, #af0137); background: linear-gradient(top, #02af79, #af0137); color: #fff">#02af79 linear gradient to complementary #af0137</p>
#02af79 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02af79">#02af79 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02af79 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 #02af79.
Jump to paint brand: