Color Charts
RGB
CMYK
RYB
#02ae18 Hex Color CodeThe hexadecimal color code #02ae18 is a medium dark shade of green. In the RGB color model #02ae18 is comprised of 0.78% red, 68.24% green and 9.41% blue. In the HSL color space #02ae18 has a hue of 127.67 degrees, 97.73% saturation and 34.51% lightness. This color has an approximate wavelength of 540 nm.
#02ae18 Color InformationInverted
#fd51e7 25% Saturated
#00b016 Grayscale
#585858
25% Lighter
#02d91d Original
#02ae18 25% Darker
#018211
limegreen
#32cd32 25% Desaturated
#179827 Web Safe: green
#008000
rgb(2, 174, 24)
rgba(2, 174, 24, 1.0)
red: 0.7843%, yellow: 60.5862%, blue: 68.2353%
#02ae18
175640
-16601576 / 0xff02ae18
hsl(128, 98%, 35%)
hsla(128, 98%, 35%, 1.0)
hue: 128 (127.6744), saturation: 99 (98.8506), value: 68 (68.2353)
X: 15.326, Y: 30.351, Z: 5.9147
x: 0.2971, y: 0.5883, Y: 30.351
L: 61.9559, a: -63.872, b: 58.6616
L: 61.9559, u: -58.235, v: 73.3192
L: 61.9559, C: 86.7226, H: 137.4349
L: 55.0917, a: -46.7536, b: 32.1987
cyan: 99 (0.9885), magenta: 0 (0), yellow: 86 (0.8621), key: 32 (0.3176)
cyan: 99 (0.9922), magenta: 32 (0.3176), yellow: 91 (0.9059)
Y: 105.472, I: -54.2737, Q: -83.0407
Y: 105.472, U: -40.0919, V: -90.7785
Y: 105.472, Db: -122.55, Dr: 196.726
Y: 106.562, Cb: 87.606, Cr: 63.142
Y: 126.564, Pb: -55.22, Pr: -79.1
10GY 6/14 approximate; exact match: Munsell 10GY 6/14 / #0aac20
#02ae18 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ae18 to White#02ae18 to Black#02ae18 foreground
<p style="color: #02ae18">#02ae18 foreground</p>
#02ae18 background
<p style="background-color: #02ae18; color: #fff">#02ae18 background</p>
#02ae18 border
<p style="border: #02ae18 3px solid">#02ae18 border</p>
#02ae18 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ae18, #fff); background: -webkit-radial-gradient(50% 50%, #02ae18, #fff); background: -o-radial-gradient(50% 50%, #02ae18, #fff); background: -ms-radial-gradient(50% 50%, #02ae18, #fff); background: radial-gradient(50% 50%, #02ae18, #fff); color: #fff">#02ae18 radial gradient</p>
#02ae18 linear gradient to complementary #ae0198
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ae18, #ae0198); background: -webkit-linear-gradient(top, #02ae18, #ae0198); background: -o-linear-gradient(top, #02ae18, #ae0198); background: -ms-linear-gradient(top, #02ae18, #ae0198); background: linear-gradient(top, #02ae18, #ae0198); color: #fff">#02ae18 linear gradient to complementary #ae0198</p>
#02ae18 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02ae18">#02ae18 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ae18 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 #02ae18.
Jump to paint brand: