Color Charts
RGB
CMYK
RYB
#02af4c Hex Color CodeThe hexadecimal color code #02af4c is a medium dark shade of green-cyan. In the RGB color model #02af4c is comprised of 0.78% red, 68.63% green and 29.8% blue. In the HSL color space #02af4c has a hue of 145.66 degrees, 97.74% saturation and 34.71% lightness. This color has an approximate wavelength of 528 nm.
#02af4c Color InformationInverted
#fd50b3 25% Saturated
#00b14b Grayscale
#585858
25% Lighter
#02da5e Original
#02af4c 25% Darker
#018338
mediumseagreen
#3cb371 25% Desaturated
#17994f Web Safe: green
#008000
rgb(2, 175, 76)
rgba(2, 175, 76, 1.0)
red: 0.7843%, yellow: 48.302%, blue: 68.6275%
#02af4c
175948
-16601268 / 0xff02af4c
hsl(146, 98%, 35%)
hsla(146, 98%, 35%, 1.0)
hue: 146 (145.6647), saturation: 99 (98.8571), value: 69 (68.6275)
X: 16.6595, Y: 31.1947, Z: 11.9806
x: 0.2784, y: 0.5213, Y: 31.1947
L: 62.6716, a: -59.2823, b: 39.8031
L: 62.6716, u: -56.8829, v: 57.8709
L: 62.6716, C: 71.405, H: 146.122
L: 55.8522, a: -44.4986, b: 26.3785
cyan: 99 (0.9886), magenta: 0 (0), yellow: 57 (0.5657), key: 31 (0.3137)
cyan: 99 (0.9922), magenta: 31 (0.3137), yellow: 70 (0.702)
Y: 111.987, I: -71.2538, Q: -67.3843
Y: 111.987, U: -17.7088, V: -96.494
Y: 111.987, Db: -54.117, Dr: 209.126
Y: 112.162, Cb: 110.143, Cr: 59.082
Y: 131.023, Pb: -29.605, Pr: -81.946
10GY 6/12 approximate; exact match: Munsell 10GY 6/12 / #3baa3a
#02af4c / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02af4c to White#02af4c to Black#02af4c foreground
<p style="color: #02af4c">#02af4c foreground</p>
#02af4c background
<p style="background-color: #02af4c; color: #fff">#02af4c background</p>
#02af4c border
<p style="border: #02af4c 3px solid">#02af4c border</p>
#02af4c radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02af4c, #fff); background: -webkit-radial-gradient(50% 50%, #02af4c, #fff); background: -o-radial-gradient(50% 50%, #02af4c, #fff); background: -ms-radial-gradient(50% 50%, #02af4c, #fff); background: radial-gradient(50% 50%, #02af4c, #fff); color: #fff">#02af4c radial gradient</p>
#02af4c linear gradient to complementary #af0164
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02af4c, #af0164); background: -webkit-linear-gradient(top, #02af4c, #af0164); background: -o-linear-gradient(top, #02af4c, #af0164); background: -ms-linear-gradient(top, #02af4c, #af0164); background: linear-gradient(top, #02af4c, #af0164); color: #fff">#02af4c linear gradient to complementary #af0164</p>
#02af4c text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02af4c">#02af4c text shadow</p>
The matching paint colors are listed in order of relevancy to the #02af4c 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 #02af4c.
Jump to paint brand: