#02e695
Hex Color CodeThe hexadecimal color code #02e695
is a shade of green-cyan. In the RGB color model #02e695
is comprised of 0.78% red, 90.2% green and 58.43% blue. In the HSL color space #02e695
has a hue of 158.68 degrees, 98.28% saturation and 45.49% lightness. This color has an approximate wavelength of 520 nm.
#02e695
Color InformationInverted
#fd196a 25% Saturated
#00e895 Grayscale
#747474
25% Lighter
#24fdb0 Original
#02e695 25% Darker
#01ac6f
mediumspringgreen
#00fa9a 25% Desaturated
#1ec98c Web Safe: lime
#00ff00
rgb(2, 230, 149)
rgba(2, 230, 149, 1.0)
red: 0.7843%, yellow: 55.1467%, blue: 90.1961%
#02e695
190101
-16587115 / 0xff02e695
hsl(159, 98%, 45%)
hsla(159, 98%, 45%, 1.0)
hue: 159 (158.6842), saturation: 99 (99.1304), value: 90 (90.1961)
X: 33.7467, Y: 58.7765, Z: 38.0001
x: 0.2585, y: 0.4503, Y: 58.7765
L: 81.1686, a: -64.7777, b: 26.7204
L: 81.1686, u: -70.3893, v: 48.0606
L: 81.1686, C: 70.0723, H: 157.5841
L: 76.6658, a: -55.5932, b: 24.2784
cyan: 99 (0.9913), magenta: 0 (0), yellow: 35 (0.3522), key: 10 (0.098)
cyan: 99 (0.9922), magenta: 10 (0.098), yellow: 42 (0.4157)
Y: 152.594, I: -109.8009, Q: -73.4139
Y: 152.594, U: -1.7681, V: -132.1192
Y: 152.594, Db: -5.373, Dr: 286.347
Y: 147.036, Cb: 126.185, Cr: 33.659
Y: 175.604, Pb: -14.28, Pr: -110.274
2.5G 8/12 approximate; exact match: Munsell 2.5G 8/12 / #4ae48d
#02e695
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02e695
to White#02e695
to Black#02e695
foreground
<p style="color: #02e695; background-color: #000">#02e695 foreground</p>
#02e695
background
<p style="background-color: #02e695">#02e695 background</p>
#02e695
border
<p style="border: #02e695 3px solid">#02e695 border</p>
#02e695
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02e695, #fff); background: -webkit-radial-gradient(50% 50%, #02e695, #fff); background: -o-radial-gradient(50% 50%, #02e695, #fff); background: -ms-radial-gradient(50% 50%, #02e695, #fff); background: radial-gradient(50% 50%, #02e695, #fff)">#02e695 radial gradient</p>
#02e695
linear gradient to complementary #e60152
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02e695, #e60152); background: -webkit-linear-gradient(top, #02e695, #e60152); background: -o-linear-gradient(top, #02e695, #e60152); background: -ms-linear-gradient(top, #02e695, #e60152); background: linear-gradient(top, #02e695, #e60152); color: #000">
#02e695
linear gradient to complementary #e60152
</p>
#02e695
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02e695">#02e695 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02e695
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 #02e695
.
Jump to paint brand: