#02ff50
Hex Color CodeThe hexadecimal color code #02ff50
is a shade of green. In the RGB color model #02ff50
is comprised of 0.78% red, 100% green and 31.37% blue. In the HSL color space #02ff50
has a hue of 138.5 degrees, 100% saturation and 50.39% lightness. This color has an approximate wavelength of 533 nm.
#02ff50
Color InformationInverted
#fd00af 25% Saturated
#01ff50 Grayscale
#808080
rgb(2, 255, 80)
rgba(2, 255, 80, 1.0)
red: 0.7843%, yellow: 76.6199%, blue: 100%
#02ff50
196432
-16580784 / 0xff02ff50
hsl(138, 100%, 50%)
hsla(138, 100%, 50%, 1.0)
hue: 138 (138.498), saturation: 99 (99.2157), value: 100 (100)
X: 37.233, Y: 72.1121, Z: 19.5461
x: 0.2889, y: 0.5595, Y: 72.1121
L: 88.0225, a: -82.5256, b: 66.5265
L: 88.0225, u: -81.6612, v: 94.7638
L: 88.0225, C: 106.0012, H: 141.1266
L: 84.9188, a: -70.3439, b: 45.7962
cyan: 99 (0.9922), magenta: 0 (0), yellow: 69 (0.6863), key: 0 (0)
cyan: 99 (0.9922), magenta: 0 (0), yellow: 69 (0.6863)
Y: 159.403, I: -94.4951, Q: -107.947
Y: 159.403, U: -39.0736, V: -138.0932
Y: 159.403, Db: -119.425, Dr: 299.274
Y: 152.874, Cb: 88.619, Cr: 29.358
Y: 188.511, Pb: -58.405, Pr: -118.45
10GY 9/16 (approximate)
#02ff50
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ff50
to White#02ff50
to Black#02ff50
foreground
<p style="color: #02ff50; background-color: #000">#02ff50 foreground</p>
#02ff50
background
<p style="background-color: #02ff50">#02ff50 background</p>
#02ff50
border
<p style="border: #02ff50 3px solid">#02ff50 border</p>
#02ff50
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ff50, #fff); background: -webkit-radial-gradient(50% 50%, #02ff50, #fff); background: -o-radial-gradient(50% 50%, #02ff50, #fff); background: -ms-radial-gradient(50% 50%, #02ff50, #fff); background: radial-gradient(50% 50%, #02ff50, #fff)">#02ff50 radial gradient</p>
#02ff50
linear gradient to complementary #ff01b1
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ff50, #ff01b1); background: -webkit-linear-gradient(top, #02ff50, #ff01b1); background: -o-linear-gradient(top, #02ff50, #ff01b1); background: -ms-linear-gradient(top, #02ff50, #ff01b1); background: linear-gradient(top, #02ff50, #ff01b1); color: #000">
#02ff50
linear gradient to complementary #ff01b1
</p>
#02ff50
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ff50">#02ff50 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ff50
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 #02ff50
.
Jump to paint brand: