#02e696
Hex Color CodeThe hexadecimal color code #02e696
is a shade of green-cyan. In the RGB color model #02e696
is comprised of 0.78% red, 90.2% green and 58.82% blue. In the HSL color space #02e696
has a hue of 158.95 degrees, 98.28% saturation and 45.49% lightness. This color has an approximate wavelength of 520 nm.
#02e696
Color InformationInverted
#fd1969 25% Saturated
#00e896 Grayscale
#747474
25% Lighter
#24fdb1 Original
#02e696 25% Darker
#01ac70
mediumspringgreen
#00fa9a 25% Desaturated
#1ec98d Web Safe: lime
#00ff00
rgb(2, 230, 150)
rgba(2, 230, 150, 1.0)
red: 0.7843%, yellow: 55.0021%, blue: 90.1961%
#02e696
190102
-16587114 / 0xff02e696
hsl(159, 98%, 45%)
hsla(159, 98%, 45%, 1.0)
hue: 159 (158.9474), saturation: 99 (99.1304), value: 90 (90.1961)
X: 33.8269, Y: 58.8085, Z: 38.4225
x: 0.2581, y: 0.4487, Y: 58.8085
L: 81.1862, a: -64.5736, b: 26.2312
L: 81.1862, u: -70.3217, v: 47.4049
L: 81.1862, C: 69.6981, H: 157.892
L: 76.6867, a: -55.4646, b: 23.9745
cyan: 99 (0.9913), magenta: 0 (0), yellow: 35 (0.3478), key: 10 (0.098)
cyan: 99 (0.9922), magenta: 10 (0.098), yellow: 41 (0.4118)
Y: 152.708, I: -110.1222, Q: -73.1028
Y: 152.708, U: -1.3321, V: -132.2192
Y: 152.708, Db: -4.04, Dr: 286.564
Y: 147.134, Cb: 126.624, Cr: 33.588
Y: 175.676, Pb: -13.78, Pr: -110.32
2.5G 8/12 approximate; exact match: Munsell 2.5G 8/12 / #4ae48d
#02e696
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02e696
to White#02e696
to Black#02e696
foreground
<p style="color: #02e696; background-color: #000">#02e696 foreground</p>
#02e696
background
<p style="background-color: #02e696">#02e696 background</p>
#02e696
border
<p style="border: #02e696 3px solid">#02e696 border</p>
#02e696
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02e696, #fff); background: -webkit-radial-gradient(50% 50%, #02e696, #fff); background: -o-radial-gradient(50% 50%, #02e696, #fff); background: -ms-radial-gradient(50% 50%, #02e696, #fff); background: radial-gradient(50% 50%, #02e696, #fff)">#02e696 radial gradient</p>
#02e696
linear gradient to complementary #e60151
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02e696, #e60151); background: -webkit-linear-gradient(top, #02e696, #e60151); background: -o-linear-gradient(top, #02e696, #e60151); background: -ms-linear-gradient(top, #02e696, #e60151); background: linear-gradient(top, #02e696, #e60151); color: #000">
#02e696
linear gradient to complementary #e60151
</p>
#02e696
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02e696">#02e696 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02e696
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 #02e696
.
Jump to paint brand: