#02a216
Hex Color CodeThe hexadecimal color code #02a216
is a medium dark shade of green. In the RGB color model #02a216
is comprised of 0.78% red, 63.53% green and 8.63% blue. In the HSL color space #02a216
has a hue of 127.5 degrees, 97.56% saturation and 32.16% lightness. This color has an approximate wavelength of 540 nm.
#02a216
Color InformationInverted
#fd5de9 25% Saturated
#00a314 Grayscale
#515151
25% Lighter
#02ca1b Original
#02a216 25% Darker
#017910
forestgreen
#228b22 25% Desaturated
#158e25 Web Safe: green
#008000
rgb(2, 162, 22)
rgba(2, 162, 22, 1.0)
red: 0.7843%, yellow: 56.5577%, blue: 63.5294%
#02a216
172566
-16604650 / 0xff02a216
hsl(128, 98%, 32%)
hsla(128, 98%, 32%, 1.0)
hue: 128 (127.5), saturation: 99 (98.7654), value: 64 (63.5294)
X: 13.0902, Y: 25.9115, Z: 5.0706
x: 0.297, y: 0.5879, Y: 25.9115
L: 57.9529, a: -60.5531, b: 55.55
L: 57.9529, u: -54.4449, v: 68.5125
L: 57.9529, C: 82.1734, H: 137.4675
L: 50.9033, a: -43.1782, b: 29.7264
cyan: 99 (0.9877), magenta: 0 (0), yellow: 86 (0.8642), key: 36 (0.3647)
cyan: 99 (0.9922), magenta: 36 (0.3647), yellow: 91 (0.9137)
Y: 98.2, I: -50.3377, Q: -77.3919
Y: 98.2, U: -37.4976, V: -84.3986
Y: 98.2, Db: -114.62, Dr: 182.9
Y: 100.318, Cb: 90.22, Cr: 67.7
Y: 117.84, Pb: -51.6, Pr: -73.56
10GY 6/14 approximate; exact match: Munsell 10GY 6/14 / #0aac20
#02a216
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02a216
to White#02a216
to Black#02a216
foreground
<p style="color: #02a216">#02a216 foreground</p>
#02a216
background
<p style="background-color: #02a216; color: #fff">#02a216 background</p>
#02a216
border
<p style="border: #02a216 3px solid">#02a216 border</p>
#02a216
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02a216, #fff); background: -webkit-radial-gradient(50% 50%, #02a216, #fff); background: -o-radial-gradient(50% 50%, #02a216, #fff); background: -ms-radial-gradient(50% 50%, #02a216, #fff); background: radial-gradient(50% 50%, #02a216, #fff); color: #fff">#02a216 radial gradient</p>
#02a216
linear gradient to complementary #a2018e
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02a216, #a2018e); background: -webkit-linear-gradient(top, #02a216, #a2018e); background: -o-linear-gradient(top, #02a216, #a2018e); background: -ms-linear-gradient(top, #02a216, #a2018e); background: linear-gradient(top, #02a216, #a2018e); color: #fff">
#02a216
linear gradient to complementary #a2018e
</p>
#02a216
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02a216">#02a216 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02a216
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 #02a216
.
Jump to paint brand: