#02e395
Hex Color CodeThe hexadecimal color code #02e395
is a shade of green-cyan. In the RGB color model #02e395
is comprised of 0.78% red, 89.02% green and 58.43% blue. In the HSL color space #02e395
has a hue of 159.2 degrees, 98.25% saturation and 44.9% lightness. This color has an approximate wavelength of 520 nm.
#02e395
Color InformationInverted
#fd1c6a 25% Saturated
#00e495 Grayscale
#727272
25% Lighter
#21fdb0 Original
#02e395 25% Darker
#01aa6f
mediumspringgreen
#00fa9a 25% Desaturated
#1ec68c Web Safe: lime
#00ff00
rgb(2, 227, 149)
rgba(2, 227, 149, 1.0)
red: 0.7843%, yellow: 54.1524%, blue: 89.0196%
#02e395
189333
-16587883 / 0xff02e395
hsl(159, 98%, 45%)
hsla(159, 98%, 45%, 1.0)
hue: 159 (159.2), saturation: 99 (99.1189), value: 89 (89.0196)
X: 32.9189, Y: 57.121, Z: 37.7242
x: 0.2577, y: 0.4471, Y: 57.121
L: 80.2476, a: -63.7267, b: 25.4742
L: 80.2476, u: -69.4217, v: 46.1758
L: 80.2476, C: 68.6296, H: 158.2114
L: 75.5784, a: -54.5148, b: 23.3109
cyan: 99 (0.9912), magenta: 0 (0), yellow: 34 (0.3436), key: 11 (0.1098)
cyan: 99 (0.9922), magenta: 11 (0.1098), yellow: 42 (0.4157)
Y: 150.833, I: -108.9776, Q: -71.8461
Y: 150.833, U: -0.9015, V: -130.5742
Y: 150.833, Db: -2.724, Dr: 282.999
Y: 145.524, Cb: 127.058, Cr: 34.763
Y: 173.459, Pb: -13.125, Pr: -108.912
2.5G 8/12 approximate; exact match: Munsell 2.5G 8/12 / #4ae48d
#02e395
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02e395
to White#02e395
to Black#02e395
foreground
<p style="color: #02e395; background-color: #000">#02e395 foreground</p>
#02e395
background
<p style="background-color: #02e395">#02e395 background</p>
#02e395
border
<p style="border: #02e395 3px solid">#02e395 border</p>
#02e395
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02e395, #fff); background: -webkit-radial-gradient(50% 50%, #02e395, #fff); background: -o-radial-gradient(50% 50%, #02e395, #fff); background: -ms-radial-gradient(50% 50%, #02e395, #fff); background: radial-gradient(50% 50%, #02e395, #fff)">#02e395 radial gradient</p>
#02e395
linear gradient to complementary #e3014f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02e395, #e3014f); background: -webkit-linear-gradient(top, #02e395, #e3014f); background: -o-linear-gradient(top, #02e395, #e3014f); background: -ms-linear-gradient(top, #02e395, #e3014f); background: linear-gradient(top, #02e395, #e3014f); color: #000">
#02e395
linear gradient to complementary #e3014f
</p>
#02e395
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02e395">#02e395 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02e395
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 #02e395
.
Jump to paint brand: