#02ef96
Hex Color CodeThe hexadecimal color code #02ef96
is a shade of green-cyan. In the RGB color model #02ef96
is comprised of 0.78% red, 93.73% green and 58.82% blue. In the HSL color space #02ef96
has a hue of 157.47 degrees, 98.34% saturation and 47.25% lightness. This color has an approximate wavelength of 521 nm.
#02ef96
Color InformationInverted
#fd1069 25% Saturated
#00f096 Grayscale
#787878
25% Lighter
#2ffdb0 Original
#02ef96 25% Darker
#01b370
mediumspringgreen
#00fa9a 25% Desaturated
#1fd18e Web Safe: lime
#00ff00
rgb(2, 239, 150)
rgba(2, 239, 150, 1.0)
red: 0.7843%, yellow: 57.9975%, blue: 93.7255%
#02ef96
192406
-16584810 / 0xff02ef96
hsl(157, 98%, 47%)
hsla(157, 98%, 47%, 1.0)
hue: 157 (157.4684), saturation: 99 (99.1632), value: 94 (93.7255)
X: 36.3966, Y: 63.9479, Z: 39.279
x: 0.2607, y: 0.458, Y: 63.9479
L: 83.9386, a: -67.6831, b: 29.9341
L: 83.9386, u: -73.2063, v: 52.9807
L: 83.9386, C: 74.0071, H: 156.1417
L: 79.9674, a: -58.7001, b: 26.8547
cyan: 99 (0.9916), magenta: 0 (0), yellow: 37 (0.3724), key: 6 (0.0627)
cyan: 99 (0.9922), magenta: 6 (0.0627), yellow: 41 (0.4118)
Y: 157.991, I: -112.5923, Q: -77.8061
Y: 157.991, U: -3.9318, V: -136.8541
Y: 157.991, Db: -11.987, Dr: 296.608
Y: 151.67, Cb: 124.005, Cr: 30.276
Y: 182.111, Pb: -17.245, Pr: -114.406
2.5G 8/14 (approximate)
#02ef96
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02ef96
to White#02ef96
to Black#02ef96
foreground
<p style="color: #02ef96; background-color: #000">#02ef96 foreground</p>
#02ef96
background
<p style="background-color: #02ef96">#02ef96 background</p>
#02ef96
border
<p style="border: #02ef96 3px solid">#02ef96 border</p>
#02ef96
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02ef96, #fff); background: -webkit-radial-gradient(50% 50%, #02ef96, #fff); background: -o-radial-gradient(50% 50%, #02ef96, #fff); background: -ms-radial-gradient(50% 50%, #02ef96, #fff); background: radial-gradient(50% 50%, #02ef96, #fff)">#02ef96 radial gradient</p>
#02ef96
linear gradient to complementary #ee015a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02ef96, #ee015a); background: -webkit-linear-gradient(top, #02ef96, #ee015a); background: -o-linear-gradient(top, #02ef96, #ee015a); background: -ms-linear-gradient(top, #02ef96, #ee015a); background: linear-gradient(top, #02ef96, #ee015a); color: #000">
#02ef96
linear gradient to complementary #ee015a
</p>
#02ef96
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02ef96">#02ef96 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02ef96
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 #02ef96
.
Jump to paint brand: