#02ff30
Hex Color CodeThe hexadecimal color code #02ff30
is a shade of green. In the RGB color model #02ff30
is comprised of 0.78% red, 100% green and 18.82% blue. In the HSL color space #02ff30
has a hue of 130.91 degrees, 100% saturation and 50.39% lightness. This color has an approximate wavelength of 538 nm.
#02ff30
Color InformationInverted
#fd00cf 25% Saturated
#01ff30 Grayscale
#808080
rgb(2, 255, 48)
rgba(2, 255, 48, 1.0)
red: 0.7843%, yellow: 84.736%, blue: 100%
#02ff30
196400
-16580816 / 0xff02ff30
hsl(131, 100%, 50%)
hsla(131, 100%, 50%, 1.0)
hue: 131 (130.9091), saturation: 99 (99.2157), value: 100 (100)
X: 36.3185, Y: 71.7463, Z: 14.7305
x: 0.2958, y: 0.5843, Y: 71.7463
L: 87.8463, a: -84.7862, b: 76.374
L: 87.8463, u: -82.5059, v: 102.6681
L: 87.8463, C: 114.1126, H: 137.988
L: 84.7032, a: -71.6944, b: 48.9812
cyan: 99 (0.9922), magenta: 0 (0), yellow: 81 (0.8118), key: 0 (0)
cyan: 99 (0.9922), magenta: 0 (0), yellow: 81 (0.8118)
Y: 155.755, I: -84.2147, Q: -117.9033
Y: 155.755, U: -53.0256, V: -134.8929
Y: 155.755, Db: -162.081, Dr: 292.33
Y: 149.738, Cb: 74.571, Cr: 31.63
Y: 186.207, Pb: -74.405, Pr: -116.978
10GY 9/18 (approximate)
#02ff30
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ff30
to White#02ff30
to Black#02ff30
foreground
<p style="color: #02ff30; background-color: #000">#02ff30 foreground</p>
#02ff30
background
<p style="background-color: #02ff30">#02ff30 background</p>
#02ff30
border
<p style="border: #02ff30 3px solid">#02ff30 border</p>
#02ff30
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ff30, #fff); background: -webkit-radial-gradient(50% 50%, #02ff30, #fff); background: -o-radial-gradient(50% 50%, #02ff30, #fff); background: -ms-radial-gradient(50% 50%, #02ff30, #fff); background: radial-gradient(50% 50%, #02ff30, #fff)">#02ff30 radial gradient</p>
#02ff30
linear gradient to complementary #ff01d1
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ff30, #ff01d1); background: -webkit-linear-gradient(top, #02ff30, #ff01d1); background: -o-linear-gradient(top, #02ff30, #ff01d1); background: -ms-linear-gradient(top, #02ff30, #ff01d1); background: linear-gradient(top, #02ff30, #ff01d1); color: #000">
#02ff30
linear gradient to complementary #ff01d1
</p>
#02ff30
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ff30">#02ff30 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ff30
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 #02ff30
.
Jump to paint brand: